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 pour déboguer l'état des requêtes, des routeurs et des formulaires dans les applications React. À utiliser lors de la configuration des outils de développement, du débogage de l'état du cache ou de l'inspection des arborescences de routes. À utiliser pour les outils de développement, les réactifs-query-devtools, les outils de développement du routeur, les outils de développement de formulaires, le débogage, l'inspection, la visionneuse de cache. Source : oakoss/agent-skills.