issue: watch the field in Controller with defaultValues and shouldUnregister: true return undefined

[Hengry]

Version Number

^7

Codesandbox/Expo snack

https://codesandbox.io/s/angry-microservice-l3z1ru?file=/package.json

Steps to reproduce

1. Click on "console" tab
2. See firstName undefined due to the latest render.

Expected behaviour

The result should be firstName a.

Either delete shouldUnregister: true or using register instead of controller would behave normally, but in my case, Controller and shouldUnregister: true are both necessary.

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

[bluebill1049]

I think this issue rather difficult/impossible to resolve due to react strict mode with double useEffect invoke, we are relying on useEffect to determine whether input unmounts or not, I will take another look, but most likely this will not be solved.

[Hengry]

@bluebill1049
I also found another case having similar behavior with different root cause.
If Controller was used with conditional rendering and watch was also called in the same component (with shouldUnregister: true), then the default value would also missing in the return of watch. Not like the previous report, this one would happened even turning off the StrictMode. While using useController instead of Controller would solve this.

I add these case in the same codesandbox,

Codesandbox/Expo snack

https://codesandbox.io/s/angry-microservice-l3z1ru?file=/src/index.tsx

Steps to reproduce

1. Switch to index.tsx.
2. Remove StrictMode.
3. Switch to App.tsx.
4. Click on "open" button in the browser.
5. The console.log would show in the console tab.

Expected behaviour

The result should be

firstName: a 
controllerInput: controller input
useControllerInput: useController input

Relevant log output

firstName: a 
controllerInput: undefined
useControllerInput: useController input