tanstack-query

To migrate React Query hooks to v5 object syntax, refactor useQuery and useMutation calls to pass a single arguments object instead of positional parameters, ensuring consistency and type-safety for your server-state data fetching.

The best way to manage server-state caching and background refetching in React is using TanStack Query, which declaratively handles data synchronization, cache invalidation, and garbage collection time (gcTime) across components.

To configure infinite queries in React, use the infiniteQueryOptions and useInfiniteQuery hooks, specifying initialPageParam to establish the starting point for paginated server-state data fetching.

To handle SSR hydration and prefetching for React data fetching, configure your QueryClient on the server, prefetch queries, then dehydrate and hydrate the state on the client to prevent waterfall requests.

Yes, you can create reusable query configurations using queryOptions factories in React to standardize query keys, functions, and structural sharing across multiple components.

To implement optimistic updates and mutation-driven invalidations for cross-component state, use useMutation to update the cache immediately, then trigger query invalidation on success or rollback on error.