Best way to conditionally handle mutation errors globally?

[nicolassanmar]

Picture the following scenario:

1. We handle mutation errors globally on the mutationCache showing a toast notification when an error happens
2. We define a mutation that uses local error handling
3. This local error handling should be conditional, based on the error returned on the callback. Also, if this local error handling is executed, we would not like to show the toast (e.g do not execute global callback in this case).

What is the best way to achieve this behavior?

I was thinking of defining a custom mutation, which handles this case, while also using the meta property to avoid the global handling.

const globalErrorHandling = (error) =>  toast.error(`Something went wrong: ${error.message}`),

const queryClient = new QueryClient({
  mutationCache: new MutationCache({
    onError: (error) =>
      ...
      if (meta.localErrorHandling) return
      globalErrorHandling(error)
  }),
})

const useMutationWithLocalErrorHandling = (localCondition: (error: unkown) => boolean, useMutationParams ) => {
  useMutation(...useMutationParams, meta: { localErrorHandling: true}, onError: (error, variables, context) => {
   // if localCondition evaluates to true, we only do the local error handling
    if (localCondition(error,variables,context) return useMutationParams.onError(error,variables,context)
    // else we only do global handling
    globalErrorHandling(error)
  })
}

Is there a better approach to this?