I have a requirement to listen/detect the Location URL change in React application.

I have tried using below code but it changes the location and then gets called.

const location = useLocation();

  useEffect(() => {
    debugger; 
    console.log('Location changed');
  }, [location]);

Is there a way to listen a URL change before actually changing the location?

Also, Is it possible to find "fromLocation" and "ToLocation"?

I am using "react-router-dom": "^5.2.0".

Please help.

Thanks & Regards, Jyoti