Implement TanStack Query error handling patterns in React apps.
npx skills add https://github.com/salmanrrana/brain-dump --skill tanstack-errors
Please help me install this Agent Skill. Skill: TanStack Errors Source: https://github.com/salmanrrana/brain-dump/tree/main/.claude/skills/tanstack-errors Command: npx skills add https://github.com/salmanrrana/brain-dump --skill tanstack-errors
TanStack Query error handling can be complex and error-prone; this skill provides structured guidance to implement consistent strategies across local components, boundaries, and global layers.
Explain and apply best-practice TanStack Query error-handling patterns in your React app to handle local, boundary, and global errors.
High-intent search queries and answers about installing and using this skill.
Global TanStack Query error handling uses central onError callbacks configured in QueryClient and MutationCache to intercept failures and display a single user alert. This avoids duplicate notifications across components.
Local React Query error states are managed per component using the isError flag and error object. You can render inline fallbacks directly in components for non-critical 4xx failures without interrupting the entire UI.
Use error boundaries with TanStack Query for critical 5xx failures or network issues that require replacing the entire UI section. The throwOnError strategy catches these errors centrally to show user-friendly fallbacks.
Retry patterns in React Query automatically reattempt failed network requests before surfacing errors. You can configure retry counts and delays to handle transient network issues, then trigger local or global error handling if retries fail.
Yes, TanStack Query error handling supports both 4xx and 5xx HTTP responses. You can route 4xx errors to local component states for inline messages and 5xx server errors to error boundaries for centralized fallbacks.
cenjieIntegrate TanStack Query with TanStack Router for SSR-safe data fetching and caching.
webdevcodyAudit application code for missing error boundaries across routes, mutations, and async flows.
allenlin90Implement error handling patterns for React applications with interceptors and boundaries.
mauriciodelrioImplement typed error handling with retries and Sentry for React apps.
