tanstack-devtools

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 用於偵錯 React 應用程式中的查詢、路由器和表單狀態。在設定開發工具、調試快取狀態或檢查路由樹時使用。用於開發工具、react-query-devtools、router-devtools、form-devtools、偵錯、檢查、快取檢視器。 來源：oakoss/agent-skills。