Is there any event available for navigation url start and navigation url complete

[gopal-freshwork]

Team,

we are working on a requirement where we need to log the event before navigation start and after navigation complete for our analytics purpose.

In nextjs, we have Router events, and they are providing routeChangeStart and routeChangeComplete.

In React router 7, do we have anything similar to that or any other alternative way is there to implement that behaviour?

Thanks in Advance

[aptakqmf12]

Please refer to the link below

vercel/next.js#41934

[sergiodxa]

You can use the useNavigation hook to know when a navigation is happening.
And useLocation hook to know the current location.

Pair them with useEffect and you can react to them changing. e.g.

let location = useLocation()
useEffect(() => {
  analytics.pageview(location)
}, [location])