Warning: A component is changing an uncontrolled input of type text to be controlled.

[chungweileong94]

Describe the bug
I'm currently using Controller with MUI TextField, and it was amazing, but I keep getting this error: Warning: A component is changing an uncontrolled input of type text to be controlled., I have to set an empty string to as the default value to solve the problem, which I think it should done it by default.

To Reproduce
Steps to reproduce the behavior:

1. Use Controller with MUI TextField
2. Start typing something in the TextField

Codesandbox link
https://codesandbox.io/embed/react-hook-form-controlled-warning-demo-l7k6h?fontsize=14&hidenavigation=1&theme=dark

Expected behavior
No error/warning

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser Microsoft Edge (Chromium)
• Version 79.0.309.58

Additional context
A similar issue that i found from react-hook-form-input: react-hook-form/input#31

[bluebill1049]

we may need to ask user to supply default value, either at input level or useForm level. RHF shouldn't assume input's default value. I will update the doc to reflect that.

[chungweileong94]

@bluebill1049 Yeah, you got the point, assuming default value might break some input components.
Will the defaultValues in useForm overwrites the defaultvalue in Controller? Since I pretty much wrap every input component with Controller with an empty string as defaultValue.

[bluebill1049]

inline defaultValue will overwrite useForm defaultValues

[bluebill1049]

I have updated the doc :) take a look hopefully make sense.

[bluebill1049]

at controller section: https://react-hook-form.com/api#Controller

[Shelagh-Lewins]

It seems that if you use 'reset' with Controller, you must explicitly reset each input to avoid an "Uncontrolled inputs" error. It would be great if this could be mentioned in the Controller docs.

[harshilparmar]

inline defaultValue will overwrite useForm defaultValues

Thanks 😊