issue: async validate method not being awaited

[chaptergy]

Version Number

7.53.0

Codesandbox/Expo snack

https://codesandbox.io/s/nice-bogdan-73r5jr?file=/src/App.tsx

Steps to reproduce

1. Create a form with mode: "onSubmit" and reValidateMode: "onSubmit"
2. Add an asynchronous onSubmit function through handleSubmit, which waits for a bit and then adds an error to the form
3. Submit the form multiple times

=> The error disappears every time while the asynchronous part of onSubmit is running

Expected behaviour

The error stays visible until the onSubmit has fully completed and only disappears if no errors are added during the onSubmit. The documentation says

[...] inputs with errors get re-validated after a user submits the form (onSubmit event and handleSubmit function executed)

If we have a synchronous function, it seems to work as expected, the error disappears as soon as a line containing an await is hit.

What browsers are you seeing the problem on?

Firefox, Chrome

Relevant log output

No response

Code of Conduct

• I agree to follow this project's Code of Conduct