TanStack•3y ago•

1 reply

dangerous-fuchsia

How to reset form values after successful query invalidation

I have a component that calls uses

useQuery

useQuery

to fetch some initial form data. When the data is fetched, I pass it to a form component which calls

useForm

useForm

from React Hook Form with the data as the

defaultValues

defaultValues

. When submitting the form, I call a mutation. In that mutation's

onSuccess

onSuccess

, I invalidate the same query that fetched the initial data. I would like to call

reset

reset

when the query is finished invalidating with the new

defaultValues

defaultValues

. Every example I've seen calls

reset

reset

in the

onSucess

onSucess

callback of the mutation. I don't want to reset until the query is finished invalidating though. Is there any way I can achieve this?