history.push() stopped working after upgrading to v5

Created on 16 Jun 2020 · 8Comments · Source: ReactTraining/history

I have recently upgraded history module from 4.10.1 to 5.0.0 and noticed thathistory.push() stopped working. After reverting it back to v4 it starts working.

Using hash history with react-router-redux

Source

saadbinsaeed

👍16

Most helpful comment

Here is the minimal code to reproduce this issue in the browser:

import React from 'react'
import { Router, Switch, Route } from 'react-router-dom'
import { createBrowserHistory } from 'history'

const history = createBrowserHistory()

export default () => (
  <Router history={history}>
    <Switch>
      <Route path="/target">
        <h2>Target</h2>
      </Route>
      <Route path="/">
        <h2>Home</h2>
        <button onClick={() => history.push('/target')}>Push</button>
      </Route>
    </Switch>
  </Router>
)

URL is changed, but it seems that no route is matched after history.push.

[email protected]
[email protected]

Downgrading to [email protected] fixed the problem.

nikdo on 18 Jun 2020

👍7

All 8 comments

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

etc-tiago on 16 Jun 2020

👍6

I am facing the same issue. Its look like there is some issue in the newest version "5.0.0" of history package. For now we can change its version to "4.10.1" which works for me.
Use bellow command for chnage history version
npm install [email protected]

PulkitAgg on 17 Jun 2020

👍4

Looks like a duplicate of #803

mrlubos on 17 Jun 2020

👍2

Here is the minimal code to reproduce this issue in the browser:

import React from 'react'
import { Router, Switch, Route } from 'react-router-dom'
import { createBrowserHistory } from 'history'

const history = createBrowserHistory()

export default () => (
  <Router history={history}>
    <Switch>
      <Route path="/target">
        <h2>Target</h2>
      </Route>
      <Route path="/">
        <h2>Home</h2>
        <button onClick={() => history.push('/target')}>Push</button>
      </Route>
    </Switch>
  </Router>
)

URL is changed, but it seems that no route is matched after history.push.