search

TanStack / query

🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.
https://tanstack.com/query
MIT License
41.77k stars 2.84k forks source link

ReactQueryDevtoolsPanel no longer exists in v5 #7462

Open marcuslindfeldt opened 4 months ago

marcuslindfeldt commented 4 months ago

Describe the bug

More of an undocumented regression. In v4 you could import ReactQueryDevtoolsPanel like so import { ReactQueryDevtoolsPanel } from "@tanstack/react-query-devtools"; and use it as a controlled component. This is good for anyone that builds their own devtools and don't want multiple devtools buttons taking up space in the dev environment.

This is no longer possible in v5 and there is no mention of this breaking change.

Your minimal, reproducible example

https://codesandbox.io/p/sandbox/musing-roman-s8thth

Steps to reproduce

  1. try and import ReactQueryDevtoolsPanel with import { ReactQueryDevtoolsPanel } from "@tanstack/react-query-devtools";
  2. Watch it fail

Expected behavior

  1. try and import ReactQueryDevtoolsPanel with import { ReactQueryDevtoolsPanel } from "@tanstack/react-query-devtools";
  2. Watch it succeed 😉

How often does this bug happen?

Every time

Screenshots or Videos

No response

Platform

Tanstack Query adapter

react-query

TanStack Query version

5.36.2

TypeScript version

5.2.2

Additional context

No response

TkDodo commented 2 months ago

we know about this, and @ardeora has it on his list of things to add: