Back to Trpc

invalidateQueries

www/versioned_docs/version-9.x/reactjs/invalidateQueries.md

11.16.0570 B
Original Source

A typesafe wrapper around calling queryClient.invalidateQueries(), all it does is to call queryClient.invalidateQueries() with the passed args. See react-query docs if you want more fine-grained control.

Example code

tsx
import { trpc } from '../utils/trpc';

// In component:
const utils = trpc.useUtils();

const mutation = trpc.useMutation('post.edit', {
  onSuccess(input) {
    utils.invalidateQueries(['post.all']);
    utils.invalidateQueries(['post.byId', input.id]);
  },
});