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 per il debug dello stato di query, router e modulo nelle app React. Da utilizzare durante la configurazione degli strumenti di sviluppo, il debug dello stato della cache o l'ispezione degli alberi delle rotte. Utilizzare per devtools, react-query-devtools, router-devtools, form-devtools, debug, inspect, cache-viewer. Fonte: oakoss/agent-skills.