Server side validation example

Could you provide server side validation, please?

I have backend-based validation according to business rules. Backend returns 442 HTTP response code as error payload with JSON key-value array, where key is the problematic field name and value - the error description.

I’ve tried to use onMutationError callback in useForm hook, there i can get errors but haven’t form ref that’s needed for setting errors according antd docs by formRef.setFields()

Also I have tried to use onFinishFailed prop in the Form component, but it isn’t called when error.

How can i set server errors to form?

[misterx]

@omeraplak Thanks, your solution is much better.

[omeraplak]

Hey @misterx , When I tried this way, I succeeded. Is there a point I missed?

const { formProps, saveButtonProps, form } = useForm<IPost>({
        onMutationError: () => {
            form?.setFields([
                {
                    name: "title",
                    errors: ["Any error!"],
                },
            ]);
        },
    });