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. Используйте при настройке инструментов разработчика, отладке состояния кэша или проверке деревьев маршрутов. Используйте для инструментов разработчика, инструментов реагирования на запросы, инструментов разработчика маршрутизатора, инструментов разработчика форм, отладки, проверки, просмотра кеша. Источник: oakoss/agent-skills.