Describe the bug
The devtools panel will oscillate back and forth when a long query hash is selected, rendering the query details.
I have a video demonstrating on my machine.
Your minimal, reproducible example
https://tanstack.com/query/latest/docs/framework/react/examples/basic
Steps to reproduce
Go to https://tanstack.com/query/latest/docs/framework/react/examples/playground?panel=sandbox
input a long query key (for my example it was 120 characters)
reduce the devtools size less than 700px
focus on the long query, revealing the details pane
Expected behavior
As a user, I was expecting the details pane to extend to the contents length
How often does this bug happen?
None
Screenshots or Videos
Screencast.from.2025-09-06.12-24-44.webm
Platform
OS: [MacOS, Linux]
Browser: Chrome
Version: 139
Tanstack Query adapter
react-query
TanStack Query version
v5.86.0
TypeScript version
No response
Additional context
I already have a fix for the issue. Would it be okay for me to create a pull request?
Describe the bug
The devtools panel will oscillate back and forth when a long query hash is selected, rendering the query details.
I have a video demonstrating on my machine.
Your minimal, reproducible example
https://tanstack.com/query/latest/docs/framework/react/examples/basic
Steps to reproduce
Expected behavior
As a user, I was expecting the details pane to extend to the contents length
How often does this bug happen?
None
Screenshots or Videos
Screencast.from.2025-09-06.12-24-44.webm
Platform
Tanstack Query adapter
react-query
TanStack Query version
v5.86.0
TypeScript version
No response
Additional context
I already have a fix for the issue. Would it be okay for me to create a pull request?