Invalidate loader data
How can I invalidate the loader data after certain mutation. I tried using
Here is my loader
And here is my mutation
queryClient.invalidateQueriesqueryClient.invalidateQueriesHere 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),
})
),
});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 }],
});
},
});const application = Route.useLoaderData({ select: (result) => result.data });
const updateMutation = useMutation({
mutationFn: ...
onSuccess: () => {
queryClient.invalidateQueries({
queryKey: ["applications", { applicationId }],
});
},
});
