Correct way to set input defaults using controller

Describe the question?

Long story short… I’ve built the form using a smart form ish pattern. I need to set defaultValues from redux state. I’ve tried to both setting defaultValues and useEffect/reset. On the actual input I’ve set defaultValue="" which overrides what defaultValues and reset has set. I figured I can use defaultValue on a input, so I wouldn’t have write a function to figure out everything in defaultValues upfront. I have a very large form with nested inputs. Using watch on each component was unbearable. Any way to fix this. I’m thinking I have something setup incorrectly.

To Reproduce Steps to reproduce the behavior:

1. Go to https://codesandbox.io/s/react-hook-form-controller-fbssm
2. 4th input should say Josh

Codesandbox link (Required) https://codesandbox.io/s/react-hook-form-controller-fbssm

[zenzjtech]

Yes, I’ve figured out now! Sorry for the the obvious ignorance. It seems for Controlled React-number-format, it’s necessary to add the name: value of the field to defaultValues.

[bluebill1049]

@zenzjtech it’s really simple https://codesandbox.io/s/react-hook-form-controller-079xx?file=/src/index.js