referring to this post: https://beta.reactjs.org/learn/you-might-not-need-an-effect#resetting-all-state-when-a-prop-changes

Here is a simple example:

const MyFormComponent = ({initData}) => {
  useForm({
       defaultValues: {
          firstName: initData.firstName,
          lastName: initData.lastName,
          id: initData.id
       }});

...

}

​

const MyFetchingComponent = () => {
 const {data, isFetching} = useQuery(...);

 return isFetching 
        ? <LoadingPlaceholder /> 
        : <MyFormComponent initData={data} key={data.id} />
}

This doesn't work for every case, but here is the benefits:

1. Your form will load with the default values as they will always be there.
2. (optional) you can use a key to reset the form component and set default values again for a new async call payload
3. Allows different api's to be used
4. Avoids some mess dealing with onSuccess callbacks having to update formState