Side effects inside onMutate
Is it ok to have side effects in the onMutate function?
For example when a query value goes from false to true:
For example when a query value goes from false to true:
useMutation(callApi, {
onMutate: async (newValue) => {
await queryClient.cancelQueries([key]);
const previousValue = queryClient.getQueryData([key]);
if (!oldValue && newValue) {
console.log('trigger side-effect');
}
queryClient.setQueryData([key], () => newValue);
return { oldValue };
},
onError: (err, _, context) => {
queryClient.setQueryData([key], context?.oldValue);
captureException(err);
},
});useMutation(callApi, {
onMutate: async (newValue) => {
await queryClient.cancelQueries([key]);
const previousValue = queryClient.getQueryData([key]);
if (!oldValue && newValue) {
console.log('trigger side-effect');
}
queryClient.setQueryData([key], () => newValue);
return { oldValue };
},
onError: (err, _, context) => {
queryClient.setQueryData([key], context?.oldValue);
captureException(err);
},
});
