React-router: export 'useHistory' was not found in 'react-router-dom'

[DominikLevitsky]

Version

"react": "^16.8.6",
"react-router": "^6.0.0-alpha.2",
"react-router-dom": "^6.0.0-alpha.2"

Steps to reproduce

Try to use history hook in a React function component:
import { useHistory } from 'react-router-dom';
...
const history = useHistory();

Expected Behavior

History should work as expected.

Actual Behavior

Getting the error:
export 'useHistory' was not found in 'react-router-dom'

[timdorr]

There is no useHistory hook in 6.0. Switch back to 5.1.2 or adjust your code to not use that hook.

[krunal90]

@timdorr I updated react-router-dom to 5.1.2 still i am getting error .../@types/react-router-dom has no exported member 'useHistory'

[hfabio]

I'm using react-router-dom 5.2.0 and got this error as well..
And when it imports i cant use its properties, like push

TypeError: Cannot read property 'push' of undefined

[sylwiasuwalska]

I'm using react-router-dom 5.2.0 and got this error as well..
And when it imports i cant use its properties, like push

TypeError: Cannot read property 'push' of undefined

Same here.

[akroll1]

same issue here.

[YannickLeRoux]

Using Typescript, I fixed this error by updating the types definition to v5.....
npm install -save-dev @types/react-router-dom

[ekamanelly]

There is no useHistory hook in 6.0. Switch back to 5.1.2 or adjust your code to not use that hook @timdorr , if useHistory can't be found in react-router-dom, where can we find it? or should i use History package

[iamgollum]

same issue as @sylwiasuwalska using 5.2.0.

In my teams react component library (supports CJS and ESM module formats) I have a component using useHistory and when I import it within a component whose ancestor (parent up the tree) is a BrowserRouter, I get TypeError: Cannot read property 'push' of undefined

Related issue: https://github.com/ReactTraining/react-router/issues/6939