issue: isDirty is not properly updated when defaultValue is passed to useControlled

[csantos1113]

Version Number

7.50.0

Codesandbox/Expo snack

https://codesandbox.io/p/sandbox/blazing-dew-smqxvw

Steps to reproduce

1. Go to https://codesandbox.io/p/sandbox/blazing-dew-smqxvw
2. Notice "Cesar" is in:
   • the initial value of the input
   • the output of watch() at the bottom of the page
   • the submitted data if you click in "Submit"
3. Modify the input value. i.e. add character 's'
4. Check isDirty value:
   • fieldState.isDirty is true
   • forState.isDirty is true
5. Then, modify the input back to the original value: "Cesar". i.e. remove the character 's')
6. 🤕 See error on isDirty values:
   • fieldState.isDirty is still true
   • forState.isDirty is still true

Expected behaviour

I'd have expected the isDirty value to return back to false because the input value was returned to its original value

What browsers are you seeing the problem on?

Firefox, Chrome, Safari, Edge

Additional information

it works as expected if I added defaultValues to useForm state, and remove it from useControlled (see modified codesanbox) and repeat all the steps

const formProps = useForm<FormValues>({
+  defaultValues: {
+    firstName: "Cesar",
+  },
});

const { field, fieldState } = useController<FormValues>({
-  defaultValue: "Cesar",
  name: "firstName",
});

Code of Conduct

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

[Moshyfawn]

The sandbox is not found.

[csantos1113]

The sandbox is not found.

Thanks for the quick response. I didn't notice they were draft and private. I've updated the permissions and should work now!

[Moshyfawn]

I feel like it's the same story as #11402

#11402 (comment)

[csantos1113]

I guess the point that makes me believe they both should work the same is this section in the docs: https://react-hook-form.com/docs/usecontroller