Async defaultValues and warning message

[Sossialy]

Hello community :)

First of all, thanks for the library, it truly rocks!

The situation:

• Imagine a big form on a user account page, with all its information.
• The user information is either in my cache or I get it asynchronously via an API call on component mount.
• So I use a defaultValues with either the user or {} plus a reset (when async) for my big form.
• I got warning messages when data is async because defaultValues is set to {}. Like lastname is missing in the 'defaultValue' prop of either its Controller (https://react-hook-form.com/api#Controller) or useForm (https://react-hook-form.com/api#useForm)

What I would like:

• I know defaultValues is set only when I have the data and I don't want warning messages in my console regarding those asynchronously fetched data.
• I don't want to manually set mock defaults when the data is async, this would slow me down every-time a new field has to be added.

It'll be super nice if you guys found a solution to this problem, maybe I missed something.
Best,
Luc

[bluebill1049]

useEffect(() => reset(), []) should do it for you.

[bluebill1049]

https://codesandbox.io/s/vibrant-river-csw24

or useFrom's defaultValues

[Sossialy]

But then if user is in cache the controller won't take it as defaultValue right?

[bluebill1049]

no, reset will always update everything in the form

[Sossialy]

Yes, will put defaultValue on every Controller then!
Thanks you very much :)

[bluebill1049]

np :)