tanstack-query-intent-compositions-automatic-invalidati-a8e9b778

Core Patterns

Use local mutation callbacks for one-off behavior. Use MutationCache callbacks when the app wants a consistent invalidation policy for every mutation.

Global invalidation after successful mutations

import { MutationCache, QueryClient } from '@tanstack/react-query'

export const queryClient = new QueryClient({
  mutationCache: new MutationCache({
    onSuccess: (_data, _variables, _context, mutation) => {
      return queryClient.invalidateQueries({
        queryKey: mutation.options.mutationKey,
      })
    },
  }),
})