useCustom hook based on a useDrawerForm successful mutation. useCustomuseDrawerFormconst {
data, refetch, isLoading
} = useCustom({
url: `${apiUrl}/custom-endpoint/`,
method: 'get',
})const {
formProps,
drawerProps,
show,
saveButtonProps,
id,
close,
queryResult
onFinish
} = useDrawerForm<IReservation>({
action: 'edit',
resource,
id: reservationId,
redirect: false,
onMutationSuccess: () => {
navigateToPayment("reservations/payment", reservationId);
// <============== how can I invalidate the above custom query here?
}
});
R
. I am here to help you with your question. I searched for the answer to your question in the refine documentation and found an answer! 
useCustomuseDrawerFormuseInvalidateNote: If this is the answer you need, then we are very lucky. If not, please wait for someone from the refine core team or the community to try to help you.
Srefetch
SSS
CSSuseInvalide hook.SS
S
O
https://github.com/refinedev/refine/issues/3671#issuecomment-1470685833
SuseCustomuseDrawerFormonMutationSuccess, So my code in gist looks likeAAAAA
SAOSinvalidateQueries 
O
It's strange haha
SSimport { Refine, useCustom, useQueryClient } from "@pankod/refine-core";
const {} = useCustom({
method: "get",
url: "https://api.fake-rest.refine.dev/posts",
queryOptions: {
queryKey: ["custom-key"],
},
});
const { invalidateQueries } = useQueryClient();
invalidateQueries(["custom-key"]);TypeError: this is undefined
invalidateQueries queryClient.ts:331
batch notifyManager.ts:17
invalidateQueries queryClient.ts:324
onMutationSuccess index.tsx:76
onSuccess useForm.ts:360
notify mutationObserver.ts:167
batch notifyManager.ts:17
notify mutationObserver.ts:155
onMutationUpdate mutationObserver.ts:93
dispatch mutation.ts:326
dispatch mutation.ts:326
batch notifyManager.ts:17
dispatch mutation.ts:328
execute mutation.ts:214
mutate mutationObserver.ts:127
mutate useMutation.ts:91
onFinish useForm.ts:356
setTimeout handler*onFinish/< useForm.ts:355
onFinish useForm.ts:355
onFinish useForm.ts:157
onSubmit index.tsx:185
onFinish Form.js:63
submit useForm.js:756
promise callback*FormStore/this.submit useForm.js:752
onClick useDrawerForm.ts:95
handleClick button.js:104
callCallback bundle.js:234566
React 3
executeDispatch bundle.js:238825
React 14
mutation.ts:240
TypeError: error.response is undefined
checkError authProvider.ts:55
fn mutation.ts:172
run retryer.ts:138
createRetryer retryer.ts:182
executeMutation mutation.ts:167
execute mutation.ts:209
mutate mutationObserver.ts:127
mutate useMutation.ts:91
onError useUpdate.ts:425
execute mutation.ts:241
mutate mutationObserver.ts:127
mutate useMutation.ts:91
onFinish useForm.ts:356
setTimeout handler*onFinish/< useForm.ts:355
onFinish useForm.ts:355
onFinish useForm.ts:157
onSubmit index.tsx:185
onFinish Form.js:63
submit useForm.js:756
promise callback*FormStore/this.submit useForm.js:752
onClick useDrawerForm.ts:95
handleClick button.js:104
callCallback bundle.js:234566
React 3
executeDispatch bundle.js:238825
React 14
mutation.ts:240
undefined query.ts:433
undefined query.ts:433useInvalide "@refinedev/core": "^4.1.4",
"@tanstack/react-query": "^4.26.1"onMutationSuccessimport { useQueryClient } from "@tanstack/react-query";
const { invalidateQueries } = useQueryClient();
const {
formProps,
drawerProps,
show,
saveButtonProps,
id,
close,
queryResult,
onFinish
} = useDrawerForm({
action: 'edit',
resource: "resource",
id: reservationId,
onMutationSuccess: () => {
invalidateQueries(['schedule-structure', record.id]) // <==== this is where i am invalidating the query.
},
});
const {
data,
refetch
} = useCustom({
url: '/endpoint',
method: 'get',
queryOptions: {
queryKey: ['schedule-structure', record.id],
}
})TypeError: this is undefined
invalidateQueries queryClient.ts:350
batch notifyManager.ts:25
invalidateQueries queryClient.ts:349
onMutationSuccess index.tsx:101
onSuccess useForm.ts:470
notify mutationObserver.ts:172
batch notifyManager.ts:25
notify mutationObserver.ts:168
onMutationUpdate mutationObserver.ts:100
dispatch mutation.ts:356
dispatch mutation.ts:355
batch notifyManager.ts:25
dispatch mutation.ts:354
execute mutation.ts:248
mutate mutationObserver.ts:136
mutate useMutation.ts:109
onFinish useForm.ts:468
setTimeout handler*onFinish/< useForm.ts:459
onFinish useForm.ts:459
onFinish useForm.ts:164
onSubmit index.tsx:212
onFinish Form.js:68
submit useForm.js:761
promise callback*FormStore/this.submit useForm.js:757
onClick useDrawerForm.ts:178
handleClick button.js:109invalidateQueries