tanstack-query

To migrate React Query to TanStack Query v5, transition to object-syntax hooks and update properties like gcTime and isPending. Reviewing migration notes helps address SSR hydration pitfalls and placeholderData changes during the process.

The correct syntax for useQuery in TanStack Query v5 requires object syntax. You must pass an object containing the query key and query function directly to the hook instead of using positional arguments.

SSR hydration with TanStack Query involves prefetching data on the server and dehydrating the query state before sending it to the client. The client then hydrates the QueryClient to prevent refetching and ensure server-state consistency.

Yes, you can use infiniteQueryOptions for data fetching in React. It is an advanced feature in TanStack Query v5 that allows you to define infinite query configurations separately before passing them to useInfiniteQuery.

Common TanStack Query migration pitfalls for server-state include mishandling SSR hydration and failing to update deprecated properties. Properly configuring gcTime and understanding placeholderData behavior prevents data fetching inconsistencies.

Yes, TanStack Query v5 supports useMutationState and networkMode. These advanced features enable tracking mutation states across components and customizing fetch behavior during network interruptions or offline scenarios.