Launching today
React Query Visualizer
Track where your TanStack Query keys are used and mutated
2 followers
Track where your TanStack Query keys are used and mutated
2 followers
React Query Visualizer helps you see where your TanStack Query keys are used and modified across your codebase — directly in VS Code and Cursor. Track definitions, references, and cache operations without manual searching. Make your query architecture visible and simplify server-state debugging.
Hey everyone 👋
I built React Query Visualizer after struggling to track query keys in larger React projects.
As apps grow, the same TanStack Query key often gets referenced and modified in multiple places. Figuring out where a cache change originates usually means searching the entire codebase and mentally piecing things together.
This extension makes query usage visible directly inside VS Code and Cursor. You can quickly see where a query key is defined, referenced, and affected by cache operations — without manual digging.
It has been tested against the bsky app codebase to validate real-world scalability.
I’d love feedback from developers using TanStack Query in production.
What would make this even more useful in your workflow?