Async validation problems

[gergicsmilan]

Hello,

I am trying to implement async validation (with the validate function), but I keep facing the same issue over and over again:

• if my async validation resolves after other sync validations it overrides my latest sync validation (screenrecord below)
  Screencast Link

Steps to reproduce the problem:

1. open CodeSandbox: Link
2. select "first name" field and type: test
3. select "email" field and type: test@
4. select "first name" field again, press and hold Backspace on your keyboard until it deletes all characters in the input field.

After the steps the form's isValid state will be true, and the errors object will be empty despite the fact that "first name" field is required.

I have tried to use AbortController (as mentioned here: #1688) to abort async validation if the field is dirty and valid, but it still overrides my sync validation results.

Other similar discussions: #1688, #9791, #9028, #9929

Does anyone have any suggestion how to solve this issue?
Thanks!