title: React router shows blank page
body: <p>I am trying to get started with react-router. </p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import HelloWorld from './pages/HelloWorld';
  import {Router, Route, IndexRoute, hashHistory,browserHistory} from "react-router";
  ...
  const app = document.getElementById('root')
  ReactDOM.render(&lt;HelloWorld/&gt;, app);
  </code></pre>
  
  <p>Here dummy class HelloWorld:</p>
  
  <pre><code>import React, { Component } from 'react';
  
  class HelloWorld extends Component {
    render(){
        return(&lt;h1&gt; HelloWorld &lt;/h1&gt;);
    }
  }
  
  export default HelloWorld;
  </code></pre>
  
  <p>Using this setting everything works out fine. However, using routes I end up having a blank page.</p>
  
  <pre><code>ReactDOM.render(
  &lt;Router history = {hashHistory}&gt;
      &lt;Route path ="/" component={HelloWorld}&gt;
      &lt;/Route&gt;
  &lt;/Router&gt;,
  app);
  </code></pre>
  
  <p>Where is the mistake? I searched stackoverflow but no answer seems to be suitable.</p>
  
  <p>Whats really weird for me, is that the following code also results in a blank page:</p>
  
  <pre><code>const Routes = () =&gt; (
    &lt;Router history = {browserHistory}&gt;
      &lt;Route path ="/" render={ () =&gt; (&lt;h1&gt; HelloWorld &lt;/h1&gt;) } /&gt;
    &lt;/Router&gt;
  );
  const app = document.getElementById('app')
  ReactDOM.render(&lt;Routes/&gt;, app);
  </code></pre>