import type { MutationKey } from '@tanstack/react-query'; import { useMemo } from 'react'; import { showToast } from '../lib/toast'; interface MutationOptions { mutationKey: MutationKey; mutationFn: (vars: TVariables) => Promise; onSettled?: () => void; onError?: (err: TError) => void; onSuccess?: (data: TData) => void; disableToastError?: boolean; } type CallbackMutationOptions = Omit< MutationOptions, 'mutationKey' | 'mutationFn' >; export function createFastMutation( defaultArgs: MutationOptions, ) { const mutateAsync = async ( variables: TVariables, args?: CallbackMutationOptions, ) => { const { mutationKey, mutationFn, onSuccess, onError, onSettled, disableToastError } = { ...defaultArgs, ...args, }; try { const data = await mutationFn(variables); onSuccess?.(data); onSettled?.(); return data; } catch (err: unknown) { const stringKey = mutationKey.join('.'); const e = err as TError; console.log('mutation error', stringKey, e); if (!disableToastError) { showToast({ id: stringKey, message: `${err}`, color: 'danger', timeout: 5000, }); } onError?.(e); onSettled?.(); throw e; } }; const mutate = ( variables: TVariables, args?: CallbackMutationOptions, ) => { setTimeout(() => mutateAsync(variables, args)); }; return { mutateAsync, mutate }; } export function useFastMutation( defaultArgs: MutationOptions, ) { return useMemo(() => { return createFastMutation(defaultArgs); // biome-ignore lint/correctness/useExhaustiveDependencies: Force it! }, defaultArgs.mutationKey); }