[FEAT] Have a clear way to propagate errors to forms

I want to be able to provide the form component with the server returned errors in an easy manner

Describe the solution you’d like I’d imagine a parseErrors, transformErrors, processErrors method I could supply useForm that would receive the response object and would use the return value (probably an object of structure `{ fieldName: errorText[]} mapping) to set the form errors,

Describe alternatives you’ve considered currently doing it manually using onMutationError, and handling the error object on my own. which doesn’t allow me to use setError since it’s a return value of useForm

[mayank-meragi]

@banuni I use something like this

export const useForm = <
  TData extends BaseRecord = BaseRecord,
  TError extends HttpError = HttpError,
  TVariables = {},>(
  props: UseFormProps<TData, TError, TVariables> = {},
): UseFormReturnType<TData, TError, TVariables> => {
  const useFormProps = useFormAntd<TData, TError, TVariables>(props)
  useEffect(
    () => {
      if (useFormProps.mutationResult.isError) {
        setErrors(
          useFormProps.mutationResult.error.response.data,
          useFormProps.form,
        )
      }
    },
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [useFormProps.mutationResult.isError],
  )

  return useFormProps
}

export const setErrors = (
  errorData: { [key: string]: string[] },
  form?: FormInstance,
) => {
  Object.entries(errorData).forEach(([field, errors]) => {
    form?.setFields([{ name: field, errors: errors ?? [] }])
  })
}

[omeraplak]

Hey, We’ve released @pankod/refine-core@3.46.0 👊