setValue()/reset() doesn't cause render inside Suspense

Describe the bug When setting default values from an async source as you’ve suggested by @bluebill1049 on Spectrum and on Github, the best way is to use reset or setValue. When the form is wrapped in <Suspense> and the values are retrieved asynchronously then passed to setValue, the form does not rerender.

To Reproduce Steps to reproduce the behavior:

1. https://codesandbox.io/s/admiring-morse-oq796?file=/src/App.js
2. Observe the form field value says “flash of default” (the default value) instead of the value “from some API”.
3. If you want to turn suspense off, change suspense: true to suspense: false in the code and refresh the sandbox (as changing the code causes hot reload to rerender the components.)
4. With suspense off, see “from some API” instead of “flash of default”

Expected behavior The form fields to refresh after using setValue() or reset() inside a Suspense component.

[bluebill1049]

Yeah, it’s a bit unfortunate, we will have a proper solution once suspense is finalized.

[benswinburne]

Yeah unfortunately the whole point is to create a hook where I can just set up a remote form with autosaving all in one place. As soon as I hoist part of the functionality it goes back to gluing bits together (this app has a lot of forms too 😄 ). Probably going to have to make a HoC to group it together instead of a hook which is a bit of a shame but alas it is what it is as I’m stumped as to why a ref doesn’t work.

Thanks for having a look.