Since v5 deprecated onSucces and onError callbacks is okay to implement a custom hook like this ?
export const useInviteAdmin = () => {
const queryClient = useQueryClient();
const { enqueueSnackbar } = useSnackbar();
return useMutation({
mutationFn: async (data: { email: string }) => {
try {
await axios.post('/admin/invite', data);
queryClient.invalidateQueries({ queryKey: ['admin'] });
} catch (error) {
enqueueSnackbar(error.message, { variant: 'error' });
}
},
});
};
const queryClient = useQueryClient();
const { enqueueSnackbar } = useSnackbar();
return useMutation({
mutationFn: async (data: { email: string }) => {
try {
await axios.post('/admin/invite', data);
queryClient.invalidateQueries({ queryKey: ['admin'] });
} catch (error) {
enqueueSnackbar(error.message, { variant: 'error' });
}
},
});
};
