invalidations-from-mutations.md

id	title	ref	replace
invalidations-from-mutations	Invalidations from Mutations	docs/framework/react/guides/invalidations-from-mutations.md	useMutation hook injectMutation function

mutation = injectMutation(() => ({
  mutationFn: postTodo,
}))

import { injectMutation, QueryClient } from '@tanstack/angular-query'

export class TodosComponent {
  queryClient = inject(QueryClient)

  // When this mutation succeeds, invalidate any queries with the `todos` or `reminders` query key
  mutation = injectMutation(() => ({
    mutationFn: addTodo,
    onSuccess: () => {
      this.queryClient.invalidateQueries({ queryKey: ['todos'] })
      this.queryClient.invalidateQueries({ queryKey: ['reminders'] })
    },
  }))
}

You can wire up your invalidations to happen using any of the callbacks available in the injectMutation function