React Query Visualizer – Track and visualize TanStack Query key usage in your codebase

Summary: React Query Visualizer displays where TanStack Query keys are defined, referenced, and mutated within your codebase directly in VS Code and Cursor. It eliminates manual searching by making query key usage and cache operations visible, aiding in server-state debugging and query architecture understanding.

What it does

The extension tracks definitions, references, and cache operations of TanStack Query keys across your project, showing this information inside VS Code and Cursor for easier navigation and debugging.

Who it's for

Developers working with TanStack Query in React projects, especially those managing large codebases with multiple query key usages.

Why it matters

It solves the challenge of locating query key usage and cache changes without extensive manual codebase searches, simplifying debugging and architecture analysis.