Skip to main content
Version: 9.x

invalidateQueries

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]);
},
});
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]);
},
});