How to log all url changes?

[Toshinaki]

For debug purpose, I'd like to log current path and redirecting path when url changes.

For example:

curr: /auth/login
navigating: /path/after/login
...

How to implement this?

[brophdawg11]

The simplest way is to setup a useEffect in your root component based on useLocation but that can only log each new location.

If you want more advanced logic, if you're using a RouterProvider you can get more information if you leverage useNavigation as well to log in-flight navigations.