Async validation leads to form level re-rendering

[ahshum]

What you were expecting:

Async validator should work as sync validator.

What happened instead:

Using async validator re-renders the form completely.

Steps to reproduce:

1. Base on the examples/simple, edit posts/PostEdit.js
2. Change title's TextField to

const TitleInput = (props) => {
  const asyncValidate = async (value) => {
    return "Async";
  };

  return <TextInput {...props} validate={[required(), asyncValidate]} />;
};

3. Any changes in the form leads to completed re-rendering.

Link to Sandbox

Environment

• React-admin version: 3.8.5
• React version: 16.13.1

[djhi]

Thanks for reporting. Indeed, we're not handling async validators here

[ahshum]

I guess async validator is handled by final-form.

Besides, I would like to point out the performance issue of using async validator as I tested with pure final-form that it does not lead to form re-rendering.

[WiXSL]

Has this been fixed by #5623?

[djhi]

It should have, yes

[ahshum]

Thank you. It works now.