methods.watch isn´t working inside FormProvider

[caiofelixuc]

I recently discovered react hook form , and i am trying to make a Form component that its currently taking a single input as children.
Form component code:

Input component code:

I am trying to access the input value on every change, using the watch method( do not know if this is correct ), but it always return blank (same for getValues).

If the input is put right inside the Form and not passed as props.children, and the console.log(methods.watch()), also put inside the form component, it works fine. But i am trying to create some generic code.

Pardon my English, and i if that is a better way to do this i would love to know.

[bluebill1049]

this indicates your component is not been registered correctly.

refer to your input, your onChange is overwrite react hook form's provided onChange

please send some time on the doc: https://react-hook-form.com/api/useform/register a lot of valuable information there.

[caiofelixuc]

Thanks Bill, iam a fan of your work! Shout out to Brazil! 🇧🇷

[bluebill1049]

Thank you @caiofelixuc! You are most welcome. ❤️ 🇧🇷