tanstack-query

TanStack Query v5 migration requires adopting object syntax for hooks, replacing cacheTime with gcTime, using isPending for initial loading, and updating infiniteQueryOptions. Migration aids help transition keepPreviousData and other deprecated v4 patterns to the new v5 server-state API.

Optimistic updates in TanStack Query v5 use useMutationState for global mutation tracking alongside useMutation. This coordinates server-state mutations by applying temporary cache changes before server confirmation, simplifying rollback logic and mutation state management across React components.

TanStack Query v5 supports offline and PWA scenarios through network mode options. These configuration settings control how data fetching and cache management behave during connectivity loss, allowing server-state queries to queue or fail gracefully based on the specified network mode.

SSR hydration debugging in TanStack Query v5 addresses streaming server component synchronization issues. Server-state data must be properly dehydrated on the server and rehydrated on the client to prevent cache mismatches and ensure correct rendering of fetched data.

TanStack Query v5 provides the infiniteQueryOptions helper for robust infinite query configuration. This approach centralizes pagination parameters and query functions for server-state data fetching, ensuring proper cache management and seamless infinite scrolling behavior.

throwOnError in TanStack Query v5 propagates query errors to the nearest React error boundary instead of returning them in the state object. This simplifies server-state error handling by leveraging component-level error catching rather than per-query conditional rendering.