issue: Undesired focus on error field after revalidation while using 'watch'

[sergeyivanovv89]

Version Number

7.43.1

Codesandbox/Expo snack

https://codesandbox.io/s/rhf-bug-with-focus-on-error-field-after-revalidation-1q19nv

Steps to reproduce

1. Click on 'Submit' button.
2. See validation error on both text inputs.
3. Fill the second input.
4. See error.

Expected behaviour

The first text input shouldn't be focused after the second one is filled. When 'watch' is not used there's no error.

What browsers are you seeing the problem on?

No response

Relevant log output

No response

Code of Conduct

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

[Moshyfawn]

I already mentioned it in #9973, this behaviour is due to the InputField defined inside another component.

As a side note, avoid defining React components inside other components to avoid re-initialization on each parent component render and potentially ref issues (input's ref will be different on each render)

#9973 (comment)

[sergeyivanovv89]

@Moshyfawn I've just updated my codesandbox and moved InputField into a separate file and the error still occurs.

[bluebill1049]

Screen.Recording.2023-02-22.at.7.42.57.am.mov

I couldn't reproduce the issue.

[Moshyfawn]

I couldn't reproduce the issue.

Submit -> Edit 2nd input

[Moshyfawn]

Sry, I'm currently at work

[bluebill1049]

no worries, i will look into it.

[bluebill1049]

This is somewhat related to MUI text filed, I don't think it's a root cause of react hook form. I have switched to a native input and the issue go away, and rmeove const refCallback = useMergeRefs([ref, propRef]); resolve the issue as well.

[Moshyfawn]

This is somewhat related to MUI text filed, I don't think it's a root cause of react hook form. I have switched to a native input and the issue go away, and rmeove const refCallback = useMergeRefs([ref, propRef]); resolve the issue as well.

I was able to repro excluding both MUI & forwardRef: sandbox.

Seem like the behaviour is induced by mode: "all": after the first submission the focus is stolen by every erroneous input in order of appearance. Doesn't happen before the submission.

[bluebill1049]

thanks a lot @Moshyfawn i will patch it now