verify-query-patterns

Validate React Query cache keys, enabled options, and staleTime settings in TypeScript projects.

Updated Dec 23, 2025
One-click install
npx skills add https://github.com/BIGSHOL/ijw-Calander --skill verify-query-patterns
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: verify-query-patterns
Source: https://github.com/BIGSHOL/ijw-Calander/tree/main/.claude/skills/verify-query-patterns
Command: npx skills add https://github.com/BIGSHOL/ijw-Calander --skill verify-query-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automatically verifies the consistency and correctness of React Query configurations across your codebase, preventing common issues related to caching, data fetching, and state management.

Core Features & Use Cases

  • Cache Key Validation: Ensures uniform naming conventions for React Query cache keys.
  • enabled Option Check: Verifies that dependent queries correctly utilize the enabled option to prevent unnecessary fetches.
  • staleTime/gcTime Audit: Reviews cache timing settings for optimal performance and memory management.
  • Provider Setup Verification: Confirms that QueryClientProvider is correctly implemented at the application's entry point.
  • Use Case: After refactoring data fetching hooks or updating queryClient.ts, run this Skill to catch potential bugs before they impact users, ensuring smooth data synchronization.

Quick Start

Run the verify-query-patterns skill to check the consistency of React Query configurations in the hooks directory.

Frequently Asked Questions about verify-query-patterns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I validate React Query cache key consistency in a TypeScript project?

To validate React Query cache key consistency, run an audit against your hooks directory to enforce uniform naming conventions. This checks your TypeScript project to prevent data fetching anomalies and maintain code quality.

How do I check React Query staleTime and gcTime settings for optimal performance?

Checking React Query staleTime and gcTime settings requires auditing cache timing configurations across your codebase. This review verifies optimal performance and ensures proper memory management for your data fetching hooks.

Why are my dependent React Query hooks fetching data unnecessarily?

Dependent React Query hooks fetch unnecessarily when the enabled option is missing or incorrect. Validating the enabled option usage prevents these extra fetches and ensures proper data synchronization.

How do I separate real-time onSnapshot listeners from polling useQuery patterns?

Separating real-time onSnapshot listeners from polling useQuery patterns requires auditing your data fetching hooks. This ensures proper separation of real-time and polling logic to prevent state management anomalies.

How do I verify QueryClientProvider setup in a React application?

Verifying QueryClientProvider setup involves confirming its correct implementation at the application entry point. This provider setup verification ensures smooth data synchronization and prevents caching inconsistencies.

Can I use this React Query validation on an existing TypeScript codebase?

Yes, you can validate React Query configurations on an existing TypeScript codebase. Running this audit after refactoring data fetching hooks or updating queryClient files catches potential bugs before they impact users.