'react-router' does not contain an export named 'browserHistory'. from /src/App.js

Question

i'm just getting started learning react in routing section but i'm kinda confusing about the error i got

Failed to compile

./src/App.js

31:19-33 'react-router' does not contain an export named 'browserHistory'.

Here is my code

import React, { Component } from 'react';
import { Router, Route, Link, IndexRoute, hashHistory, browserHistory } from 'react-router'
import logo from './assets/images/logo.svg';
import './App.css';



class App extends Component {
  render() {
    return (
      <Router history={browserHistory} >
        <Route path="/" component={ Home }>
        </Route>
      </Router>
    )
  }
}
const Home = () => <h1>Hello from Home!</h1>
const Address = () => <h1>We are located at 555 Jackson St.</h1>

export default App;

browserHistory was part of react-router v3. https://github.com/ReactTraining/react-router/issues/5263 — Karim, Nov 22 '17 at 16:22
Thank for the advice , do i must create route.jsx files ? or using app.js instead because i've see some tutorial using route.jsx as the route — Muhammad Rahmatullah, Nov 22 '17 at 16:26
in my opinion having a separated router file is much cleaner — Karim, Nov 22 '17 at 16:35
Karim , can you give me an advice about how the correct way / best pratice for folder structure in react js ? — Muhammad Rahmatullah, Nov 22 '17 at 16:46
check this: https://gist.github.com/koistya/d7a507438c741ee6adb5 — Karim, Nov 22 '17 at 17:02

score 2 · Answer 1 · answered Aug 25 '18 at 16:29

You would need to upgrade to v4

You need to use BrowserRouter and Switch from 'react-router-dom` as suggested in here, here's how you can use it:

import {BrowserRouter, Route, Switch} from 'react-router-dom'
class App extends Component {
  render() {
    return (
      <BrowserRouter>
        <div className="App">
          <AppNavbar/>
          <Switch>
            <Route exact path="/" component={Home}/>
            <Route path="/about" component={About}/>
          </Switch>
        </div>
      </BrowserRouter>
    );
  }
}

'react-router' does not contain an export named 'browserHistory'. from /src/App.js

Failed to compile

1 Answers1