Skip to content

TanStackRouterDevtools adds visible delay when clicking on links - Firefox #4484

Open
@anthony2261

Description

@anthony2261

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions