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

Question

React version:
"react": "^16.13.0",
"react-dom": "^16.13.0",
"react-router-dom": "5.0.1",
"react-scripts": "3.4.0",

js code as

import {useLocation} from "react-router-dom";
const location = useLocation();

...... where is the problem?

Answer 1

该钩子是 在 5.1.0中 添加的。

Answer 2

i am having the same isuue with react-router-dom version 6.6.1.any fixes???

Answer 3

Try uninstalling and reinstalling the "react-router-dom" Then, for safety, run npm i and npm start . Also, if you're using TS, you have to also install "@types/react-router-dom" as a dev dependency