title: react-router is not rendering anything
body: <p>I created my app with <code>create-react-app</code> and trying to use <code>react-router</code> on it. but it's not working at all.</p>
  <p>Here's my <code>Header.js</code>.</p>
  <pre><code>  import React, { Component } from 'react';
  
  class Header extends Component {
      render() {
          return (
            &lt;nav&gt;
                  &lt;div className=&quot;nav-wrapper blue darken-1&quot;&gt;
                      &lt;a className=&quot;brand-logo center&quot;&gt;Testing&lt;/a&gt;
  
                      &lt;div className=&quot;right&quot;&gt;
                          &lt;ul&gt;
                              &lt;li&gt;
                                  &lt;a&gt;&lt;i className=&quot;material-icons&quot;&gt;vpn_key&lt;/i&gt;&lt;/a&gt;
                              &lt;/li&gt;
                              &lt;li&gt;
                                  &lt;a&gt;&lt;i className=&quot;material-icons&quot;&gt;lock_open&lt;/i&gt;&lt;/a&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/nav&gt;
          );
      }
  }
  
  export default Header;
  </code></pre>
  <p>my <code>App.js</code>.</p>
  <pre><code>import React, { Component } from 'react';
  import Header from './Header';
  
  class App extends Component {
    render() {
      return (
        &lt;div className=&quot;App&quot;&gt;
          &lt;div className=&quot;Header&quot;&gt;
          &lt;Header /&gt;
          {this.props.children}
          &lt;/div&gt;
        &lt;/div&gt;
      );
    }
  };
  
  export default App;
  </code></pre>
  <p>and my <code>index.js</code> here.</p>
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import { Router, Route, browserHistory, IndexRoute } from 'react-router';
  import App from './App';
  import Home from './Home';
  import Login from './Login';
  import Register from './Register';
  
  ReactDOM.render((
    &lt;Router history={browserHistory}&gt;
          &lt;Route path=&quot;/&quot; component={App}&gt;
              &lt;IndexRoute component={Home}/&gt;
              &lt;Route path=&quot;/home&quot; component={Home}/&gt;
              &lt;Route path=&quot;/login&quot; component={Login}/&gt;
              &lt;Route path=&quot;/register&quot; component={Register}/&gt;
          &lt;/Route&gt;
      &lt;/Router&gt;),
    document.getElementById('root')
  );
  </code></pre>
  <ul>
  <li>Don't worry about <code>Home, Login, Register</code> thing on <code>index.js</code>. They are super fine.</li>
  </ul>
  <p>Am I doing something wrong?</p>