How to track , on url change in React app

Issue

this is App.js - this is good

<Route path='/page1'>
     <Page1 />
 </Route>

this is "/page1"

var location = window.location.href
<Link to="/page1/2">
    <p>Click to change</p>
</Link>

if i click on that paragraf it change url into /page1/2 but var location isnt changed its still /page1 -------------------------------------------------------------------------------------------------------------------- I want when url chaged to set var location to new location (window.location.href)(/page1/2)

// or i need just show me how to "on url changed" do something what-ever maybe alert('url changed') or console.log('url changed')

Solution

If you are using react-router, use useLocation hook to get the path.

import React from "react";
import { useLocation } from "react-router-dom";

export const App = () => {
  let location = useLocation();
  return <div>...</div>;
}

Answered By - Ranganath MD