ServerSide Validation

[aamirbhat]

Scope: <DESCRIBE SCOPE OF THIS ISSUE, i.e.: PF4 mapper, Form renderer>
Form renderer
How to raise server-side validation error on submit like username already exists, The error needs to be raised on async submit after some intervals

Description
We need to have server-side validation on submit, those errors are raised by the backend API , we are using MUI

[rvsia]

Hello,

in your submit function you have to return an object with errors.

Check this example: https://stackblitz.com/edit/2qj4zm?file=index.js

        <FormRenderer
          schema={schema}
          FormTemplate={FormTemplate}
          componentMapper={componentMapper}
          onSubmit={async () => {
            await sleep(1500); // do your API callback

            return { 'first-name': 'already taken' };
          }}
        />