TanStackRouterDevtools adds visible delay when clicking on links - Firefox

Which project does this relate to?

Router

Describe the bug

Kind of a niche issue, since I could only replicate on Firefox but not Chrome:
I noticed a visible lag when I clicked on Links (or navigated) while having TanStackRouterDevtools on, and once I removed the component, navigation became super fast. Lag was greater with the addition of ReactQueryDevtools.

Your Example Website or App

https://stackblitz.com/edit/github-wkx9dbfv?file=src%2Fmain.tsx

Steps to Reproduce the Bug or Issue

1. Open the example app in both Firefox and Chrome
2. Navigate between About <-> Home and notice the lag happening in Firefox only
3. Comment out the TanStackRouterDevtools component and notice that the lag goes away

Expected behavior

I expect that the use TanStackRouterDevtools does not incur lag on navigation

Screenshots or Videos

No response

Platform

• OS: Windows
• Browser: Chrome, Firefox
• Version: latest (1.121.*) but also tested in 1.117 as well

Additional context

Maybe not worth looking into but worth documenting for other devs that might come across this issue, might save them some time.

Start with the linked StackBlitz example at src/main.tsx and reproduce navigation between Home and About in Firefox and Chrome. Compare navigation with TanStackRouterDevtools enabled and commented out, then inspect the devtools navigation-related entry points. Done means navigation no longer has a visible Firefox delay while the devtools remain enabled.