React router not showing browser history

user_6730305 0
Viewed 52665

I'm learning from this tutorial but I keep getting this error:

'react-router' does not contain an export named 'browserHistory'.

The file that has react-router is this:

import React from 'react';
import ReactDOM from 'react-dom';
import { Router, browserHistory } from 'react-router';
import routes from './routes';

ReactDOM.render(
  <Router history={browserHistory} routes={routes} />, 
  document.getElementById('root')
);
react-router reactjs javascript
6 Answers

I had the same problem and I wasted a couple of days to figure it out. This error happens simply because react-router v4 does not have the browserHistory (I don't know if that's a good thing or not though). I solved the issue by installing v3 like this:

npm install react-router@3 --save
user_86424980

Simple Solution

method 1:

npm install --save history

use this now:

import createHistory from 'history/createBrowserHistory'

method:2

Use Version 3  

npm install react-router@3
user_77659000 
import browserHistory from "history/createBrowserHistory";

use

const routermiddleware = routerMiddleware(browserHistory());
const history = syncHistoryWithStore(browserHistory(), store);
user_106656550 
    In react-router-dom version 6 
    useHistory() is replaced by useNavigate() ;
    
    import {useNavigate} from 'react-router-dom';
    const navigate = useNavigate();
    navigate('/home')
   
   If react-router-dom version  less than 6
   import { useHistory } from "react-router-dom";
   const history = useHistory();
   history.push('/home')
user_103027810
Related