connectedRouter Error: Could not find router reducer in state tree, it must be mounted under “router”

Question

I am new to React.js and was setting up base project at that I was getting one issue that my routing got changed but component doesn\'t load. After googling I found that I n

Answer 1

For the sake of helping future souls with this issue, it turns out that according to the linked github discussions, that version 5.0 of the history package is causing the issue and downgrading to version 4.10.1 solves the problem for me.

npm install history@4.10.1

https://github.com/ReactTraining/history/issues/803

https://github.com/ReactTraining/history/issues/804

Answer 2

You have forgotten :

router: connectRouter(history), 

in your combineReducers()

Answer 3

If you use immutable you should import ConnectedRouter from 'connected-react-router/immutable'.

Answer 4

I ran into the same issue. I forgot to give the history as a parameter to my rootReducer, in my store initialization.

const store = createStore(
  rootReducer(history), // <-- HERE
  {},
  ...
)

Answer 5

Add router in your reducer with using connectRouter and history

Refer this link

https://www.npmjs.com/package/connected-react-router

import { connectRouter } from 'connected-react-router'
const rootReducer = combineReducers({
  login: loginReducer,
  router: connectRouter(history),
});

Answer 6

The main issue is the version of the history package, with react-router-dom v5 you need to use history v4 (the latest version of which is 4.10.1) - history v5 is only compatible with react-router-dom v6.