Fix FormDataConsumer's values not being up-to-date on mount

[WiXSL]

Fixes #7603

[slax57]

Let's wait for @fzaninotto 's review before merging this one

[WiXSL]

useWatch docs:
The initial return value from useWatch will always return what's inside of defaultValue or defaultValues from useForm.

Initial discussion:
react-hook-form/react-hook-form#3758

Is not a bug, is a feature of react-hook-form.
So, this fix seems reasonable

[fzaninotto]

I understand that useWatch returns the form defaultValues, which is an empty record by default. But when the Form parent passes a record, it resets the form values, and useWatch should return the right values in this case.

I saw this in the react-hook-form docs:

Isn't that the problem?

[slax57]

@fzaninotto I think I have a clear proof that your intuition is correct.
If you invert the two components <FormDataConsumer> and <BooleanInput> in @andrico1234 's PostCreate, then you no longer have the issue.

I think it makes for a very dirty gotcha, that we need to either document or, preferably, fix.

However, I can think of no better solution than what @WiXSL suggests.
Hence I advocate for accepting and merging this PR as is.

FTR I have tried to manually call form.watch() in useAugmentedForm, but it doesn't work.

[fzaninotto]

We need help from @bluebill1049 on this one. I suggest you go to react-hook-form's Discord server and ask for help.

[WiXSL]

I've made a codesandbox that roughly reproduces the situation by using react-hook-form only: https://codesandbox.io/s/eager-hill-o4g71q?file=/src/App.tsx

And I've asked about the problem in react-hook-form's discord

[WiXSL]

I've improved the tests to guarantee the component is reactive.
So far, no news from discord