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 zum Debuggen des Abfrage-, Router- und Formularstatus in React-Apps. Wird zum Einrichten von Devtools, zum Debuggen des Cache-Status oder zum Überprüfen von Routenbäumen verwendet. Verwendung für Devtools, React-Query-Devtools, Router-Devtools, Form-Devtools, Debug, Inspect, Cache-Viewer. Quelle: oakoss/agent-skills.