How to implement proper analytics with page visits

[mwkcoding]

I'd like to add June (analytics service) and I have to track page visits and pass along the user for the context. However, unless I add an onBeforeLoad to every route I can't access the context of the router. I'd like to just register a global event on each route change and pass it to our analytics service. Am I just missing something or is this really what I have to do?

[schiller-manuel]

looking for this probably

https://tanstack.com/router/v1/docs/framework/react/api/router/RouterType#subscribe-method

[schiller-manuel]

you can access the router state from the router event handler, so you have access to everything

[mwkcoding]

@schiller-manuel how would I do that? I can't use the useRouterState() since that would break the Rules of Hooks and it's not being passed as a parameter to the subscribe callback from what I can tell.

[mwkcoding]

I don't see where I can access the router state from a router event handler @schiller-manuel

[mwkcoding]

Also, @Saidnazar08 your solution makes the page track happen twice no matter what I do

[schiller-manuel]

you can access the router state using router.state inside the event handler