issue: isValidating property from useFormState hook gets stuck in true state after validation in v7.40.0

[jbaldassari]

Version Number

7.40.0

Codesandbox/Expo snack

https://codesandbox.io/s/react-hook-form-isvalidating-stuck-js9gpj?file=/src/index.tsx

Steps to reproduce

1. Go to code sandbox
2. Focus the only input field
3. Type one character
4. Observe that the Submit button correctly changes state from disabled to enabled
5. Type a second character into the input field
6. Observe that the Submit button erroneously changes state from enabled to disabled despite the fact that the form is valid
7. Look at the console logs which show that isValidating is stuck in true state, which is causing the submit button to be disabled
8. Change the version of react-hook-form to 7.39.7 in package.json and observe that isValidating does not get stuck in true state after typing more than one character into the input field

If you change the form's mode from onChange to onBlur, you can type multiple characters into the field initially, but as soon as the field is blurred isValidating gets stuck in true state.

Expected behaviour

The isValidating property should update from true to false once validation has completed. This issue seems similar to #9251, but in this case the behavior can be reproduced consistently, and it's just using vanilla yum validation. This behavior was introduced in 7.40.0. It works as expected in 7.39.7 and prior.

What browsers are you seeing the problem on?

Chrome

Relevant log output

enabled: true 
{isDirty: true, isSubmitting: false, isValid: true, isValidating: false}

enabled: false 
{isDirty: true, isSubmitting: false, isValid: true, isValidating: true}

Code of Conduct

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