react-router-dom v6 useHistory location.pathname

Question

Since in react-router-dom useHistory is no longer supported, I am looking for an equivalent to use history.location.pathname

use this link https://stackoverflow.com/questions/63471931/using-history-with-react-router-dom-v6 — A.R.SEIF, Dec 23 '21 at 10:57
TL;DR Use [useNavigate](https://reactrouter.com/docs/en/v6/api#usenavigate). For other changes see the [v5 migration guide](https://reactrouter.com/docs/en/v6/upgrading/v5). — Drew Reese, Dec 23 '21 at 11:04

Fraction · Accepted Answer · 2021-12-23T11:28:55.257

13

You have to use useLocation ¹, ² which returns a location object that contains the pathname and other information about the URL:

const location = useLocation();

console.log(location)
// {
//   pathname: "/invoices",
//   search: "?filter=sa",
//   hash: "",
//   state: null,
//   key: "ae4cz2j"
// }

edited Dec 23 '21 at 11:28

answered Dec 23 '21 at 11:12

Fraction

11,668
5
28
48

3

This is exactly what I was looking for since useNavigate don't returns that location object. Thanks a lot. – pratibimbam Dec 23 '21 at 11:20

react-router-dom v6 useHistory location.pathname

1 Answers1