React router not showing browser history

Question

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')
);

you can refer to this link as it already has an answer here http://stackoverflow.com/questions/35063095/react-router-browserhistory-not-working-as-expected — Vikram Saini, May 19 '17 at 06:52
Did you check github? https://github.com/ReactTraining/react-router/issues/4732 — StudioTime, May 19 '17 at 06:56
I think, you are using the latest version of React-router which doesn't contain the export browserHistory, rather than downgrading to a lower version, its better to change your code to work with the latest version Check these docs: https://reacttraining.com/react-router/core/guides/quick-start — Shubham Khatri, May 19 '17 at 07:09

Preview · Accepted Answer · 2019-05-07T16:36:08.833

35

You need to get browserHistory from the history module now.

import createHistory from 'history/createBrowserHistory'

Note that they changed the module API recently so if you are using the latest version the import slightly changed:

import { createBrowserHistory } from 'history'

edited May 07 '19 at 16:36

answered May 19 '17 at 06:59

Preview

35,317
10
92
112

score 8 · Answer 2 · edited Sep 21 '17 at 22:06

8

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

edited Sep 21 '17 at 22:06

Karol Selak

4,248
6
35
65

answered Sep 21 '17 at 19:35

Kv B

97
1
1

score 4 · Answer 3 · edited Sep 10 '19 at 22:21

4

You are using version 4 of react-router.

Either downgrade the package or follow the instructions in this SO answer to make it work with v4.

edited Sep 10 '19 at 22:21

spazm

4,399
31
30

answered May 31 '17 at 15:26

DalSoft

10,673
3
42
55

score 1 · Answer 4 · edited Sep 15 '19 at 12:26

1

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

edited Sep 15 '19 at 12:26

ravibagul91

20,072
5
36
59

answered Feb 12 '19 at 11:37

Shashwat Gupta

5,071
41
33

score 0 · Answer 5 · answered Jan 16 '21 at 08:46

0

import browserHistory from "history/createBrowserHistory";

use

const routermiddleware = routerMiddleware(browserHistory());
const history = syncHistoryWithStore(browserHistory(), store);

answered Jan 16 '21 at 08:46

Rahul Shakya

1,269
15
15

score 0 · Answer 6 · edited Jan 13 '23 at 21:14

0

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')

edited Jan 13 '23 at 21:14

mm_

1,566
2
18
37

answered Feb 02 '22 at 06:28

Gunjan Kumar

127
1
5

React router not showing browser history

6 Answers6

Linked