TanStackT
TanStack•3y ago•
7 replies
urgent-maroon

Invalidate loader data

How can I invalidate the loader data after certain mutation. I tried using queryClient.invalidateQueries and it doesn't seem to work

Here is my loader
export const Route = new FileRoute(
  "/_applications/applications/$applicationId/choose-program"
).createRoute({
  component: Component,
  loader: ({ context, params: { applicationId } }) =>
    context.queryClient.ensureQueryData(
      queryOptions({
        queryKey: ["applications", { applicationId }],
        queryFn: () => fetchApplication(applicationId),
      })
    ),
});


And here is my mutation
const application = Route.useLoaderData({ select: (result) => result.data });

const updateMutation = useMutation({
    mutationFn: ...
    onSuccess: () => {
      queryClient.invalidateQueries({
        queryKey: ["applications", { applicationId }],
      });
    },
  });
Was this page helpful?