a not working react-router (have not figured out why)

gistfile1.txt

// index.js (where everything gets started)
// ...
render(
  (
    <BrowserRouter>
        <Route path="/" component={App}>
            <IndexRoute component={Feeds} />
            <Route path="/repos" component={Repos}/>
            <Route path="/about" component={About}/>
        </Route>
    </BrowserRouter>
  ),
  document.getElementById('root')
);

--------------------
// App.js
import React, { Component } from 'react';
import Navbar from './navbar'


class App extends Component {
  render () {
      return (
        <div >
          <div className='navbar-container'>
            <Navbar />
          </div>
          <div>
            {this.props.children}
          </div>
        </div>
      );
  }
}

export default App;

---------------------
// navbar.js
// ...
import React, { Component } from 'react';
import Navbar from './navbar'


class App extends Component {
  render () {
      return (
        <div >
          <div className='navbar-container'>
            <Navbar />
          </div>
          <div>
            {this.props.children}
          </div>
        </div>
      );
  }
}

export default App;