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。