Custom errors Typing - TypeScript

[RemyMachado]

I'm using a FormProvider and I wanted to handle custom errors (coming from API response) in the same place as the inputs errors.

In my use case, the custom error is an internal server error 5xx.

I extended the error type like this:

interface CustomFormErrorsType extends FieldErrors<MyFormSchemaType> {
  server?: {
    type: string;
    message: string;
  };
}

In order to do the following anywhere:

setError('server', { ... })

But I'm struggling to make it type safe, I don't know where to use this CustomFormErrorsType type. The documentation example doesn't look typesafe : https://react-hook-form.com/docs/useform/seterror

Any help would be appreciated.

PS: I found this existing discussion: https://github.com/orgs/react-hook-form/discussions/9691, but it's not resolved yet.