tanstack-query

To migrate React Query v4 to TanStack Query v5, update your useQuery and useMutation calls to the new object syntax, replace cacheTime with gcTime, use isPending instead of isLoading, and swap keepPreviousData for placeholderData. The queryOptions factory pattern helps centralize reusable configurations during migration.

Handling SSR hydration with TanStack Query involves creating a shared QueryClient server-side, prefetching data into its cache, and passing the dehydrated state to the client. This approach populates server-state before React hydration, preventing client-side refetches and waterfalls.

Implement optimistic updates by applying cache changes immediately before the mutation resolves, rolling back on error. TanStack Query v5 uses useMutationState to track and access mutation states across components, ensuring robust mutation flows and responsive UI feedback.

Yes, TanStack Query supports offline network modes for PWA data fetching. Configuring network mode settings allows your React application to pause refetch strategies and mutations when offline, handling live data gracefully and resuming synchronization when connectivity returns.

Configuring infinite queries in TanStack v5 involves using the infiniteQueryOptions factory to define queryKey, queryFn, and initialPageParam. This pattern standardizes infinite data fetching configurations, making them reusable across components for paginated server-state.