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.

React 앱에서 쿼리, 라우터 및 양식 상태를 디버깅하기 위한 TanStack DevTools입니다. devtools 설정, 캐시 상태 디버깅 또는 경로 트리 검사 시 사용합니다. devtools, React-query-devtools, router-devtools, form-devtools, 디버그, 검사, 캐시 뷰어에 사용합니다. 출처: oakoss/agent-skills.