react-query-best-practices

React Query best practices are enforced by auditing hooks to ensure hierarchical query keys with an all root key, explicit non-zero staleTime on queries, and proper server state ownership to prevent stale data and fragile cache management.

The best way to structure TanStack Query keys is using hierarchical key factories that include an all root key, ensuring reliable invalidation and consistent server state management across colocated query hooks.

Prevent stale data and duplicate server state by avoiding local state duplication, specifying explicit non-zero staleTime on queries, and using onSettled in mutations for targeted cache reconciliation and invalidation.

React Query mutations should use onSettled for cache invalidation to ensure proper cache reconciliation, triggering targeted invalidation reliably after mutation completion to maintain consistent server state.

Yes, you can configure the audit scope by providing a scope argument, targeting specific directories like hooks/queries and related mutation patterns to enforce React Query best practices where needed.

Yes, each queryFn must forward the signal for cancellation to work properly, ensuring requests abort correctly when queries become inactive or stale, maintaining robust server state handling.