supasate / connected-react-router

A Redux binding for React Router v4
MIT License
4.73k stars 593 forks source link

Error after upgrading react-redux #389

Open cihanzengin opened 4 years ago

cihanzengin commented 4 years ago

I got some error after upgrading my react-redux package;

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

my store.js file is look like:

import { createStore, applyMiddleware, compose } from 'redux'

import { connectRouter, routerMiddleware } from 'connected-react-router'
import thunk from 'redux-thunk'
import { createBrowserHistory as createHistory } from 'history'
import rootReducer from 'Store/Reducers/rootReducer'

export const history = createHistory()

const initialState = {}
const enhancers = []
const middleware = [thunk, routerMiddleware(history)]

if (process.env.NODE_ENV === 'development') {
  const devToolsExtension = window.__REDUX_DEVTOOLS_EXTENSION__

  if (typeof devToolsExtension === 'function') {
    enhancers.push(devToolsExtension())
  }
}

const composedEnhancers = compose(
  applyMiddleware(...middleware),
  ...enhancers
)

export default createStore(
  connectRouter(history)(rootReducer),
  initialState,
  composedEnhancers
)

and my packages:


"connected-react-router": "6.6.1",
"react": "^16.12.0",
 "react-redux": "^7.1.3",
    "react-router": "5.1.2",
    "react-router-dom": "5.1.2",
    "react-router-redux": "^4.0.8",
    "redux": "^4.0.5",
    "redux-thunk": "^2.3.0",

what i need to do ?

agriffis commented 4 years ago

@cihanzengin Did you figure this out? The usage instructions show how to mount the router in the store: https://github.com/supasate/connected-react-router#usage