Skip to content

UI renders twice with react strict mode #402

@xt0rted

Description

@xt0rted

TanStack Devtools version

v0.10.0

Framework/Library version

React v19.2.4

Describe the bug and the steps to reproduce it

If the app is rendered without using <StrictMode> then a single devtools UI is rendered, but if you wrap your app so it runs in strict mode two copies of the devools UI will render.

This isn't noticeable unless you resize the tools window. You can see this behavior in the basic example embedded in the docs. Add StrictMode to the react import and update the last line to root.render(<StrictMode><App /></StrictMode>).

Your Minimal, Reproducible Example - (Sandbox Highly Recommended)

https://tanstack.com/devtools/latest/docs/framework/react/examples/basic?panel=sandbox

Screenshots or Videos (Optional)

Default view when open

Image

Shrink the tools down and the second copy will show

Image

Do you intend to try to help solve this bug with your own PR?

No, because I do not have time to dig into it

Terms & Code of Conduct

  • I agree to follow this project's Code of Conduct
  • I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

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