issue: useFieldArray's remove method does not work as expected after setValue with shouldValidate: true when reading state from the getFieldState

[shx-riff]

Version Number

7.50.0

Codesandbox/Expo snack

https://codesandbox.io/p/sandbox/suspicious-wood-ym78nz

Steps to reproduce

1. Go to Codesandbox
2. Click on the "RESET" button near the first field
3. See that the second field is not removed, and the first input changed its value to the same as the second field has
4. Go to the Input.tsx file
5. Comment the line 17
6. Click on the "RESET" button near the first field
7. See that removing is working as expected
8. Uncomment the line 17
9. Go to the Fields.tsx file
10. Remove shouldValidate: true from the setValue options on the line 45
11. Click on the "RESET" button near the first field
12. See that removing is working as expected

Expected behaviour

The expected behavior is a successful removal of the first input on the reset button click no matter whether the getFieldState or shouldValidate: true is present. There is a useEffect in the Fields component that calls the remove method from useFieldArray for the fields with empty string value, except the last field. It runs each render because since the watch function returns the same reference for the object with values when the field value is changed with setValue, we can't include values to the dependencies.
I can't replace the getFieldState with the fieldState from the useController because this code is a simplification of the code from the lib I use that has a wrapper around the useController, and the getFieldState is called inside some custom hook. Also, I can't replace the setValue with replace inside the reset button click handler since the Input component is used in other places, and the reset button logic should not be connected with useFieldArray.

What browsers are you seeing the problem on?

Chrome

Relevant log output

No response

Code of Conduct

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