ImportError: 'useNavigate' is not exported from 'react-router-dom'

user_14261552 0
Viewed 26900

When trying to import useNavigate from react-router-dom, I get the following error:

Attempted import error: 'useNavigate' is not exported from 'react-router-dom'.

My Import statement:

import { useNavigate } from 'react-router-dom';
react-router reactjs javascript
2 Answers

You are trying to use the latest features of react-router.
Please make sure that you installed the react-router-dom@6.0.0-alpha.2 .

It is React Router v6 which gives you a useNavigate hook

Please refer here for further reading from the React Router team

Two quick ways to check the version:

  • Verify from the package.json file
  • Run npm list --depth=0 to view the various packages in your project
user_108494380

I faced issue as like this: "useNavigate is not exported from 'react-router-dom"

My solution - I uninstalled the react-router-dom and I have reinstalled it... now this issue is resolved for me..

user_177206840
Related