TanStack DevTools provides debugging panels for inspecting Query cache state, Router route trees, and Form field state in React applications. There are two approaches: standalone devtools per library (ReactQueryDevtools, TanStackRouterDevtools) and the unified TanStack Devtools panel that combines all libraries into a single interface with plugin architecture.
When to use: Setting up devtools for TanStack libraries, debugging query cache behavior, inspecting route matching, monitoring form field state, or combining multiple TanStack devtools into one panel.
When NOT to use: Production debugging (devtools are tree-shaken in production by default), non-React frameworks without adapter support, or custom state management unrelated to TанStack libraries.
TanStack DevTools para depurar el estado de consultas, enrutadores y formularios en aplicaciones React. Úselo al configurar herramientas de desarrollo, depurar el estado de la caché o inspeccionar árboles de rutas. Úselo para devtools, reaccionar-query-devtools, router-devtools, form-devtools, depurar, inspeccionar, visor de caché. Fuente: oakoss/agent-skills.