Is it possible to run code if and only if a useQuery resolves successfully?
Original message was deleted
Aa few things here
- don't do
conditionally, useuseQueryenabled:instead (you're breaking the "rules of hooks" here) - you can separate the
to another component and render it with the result of the data after the query has settled, so you know theuseFormdefaultValuesbefore the render and don't need the effect - you can use
-callback on the useQueryonSuccess
WChange
enabled: false to enabled: !!playId and because trpc usequery doesn't understand this completely you can set the value you pass in playId ?? '' .AThis
or just typecast it
or add a
or just typecast it
as string or add a
!The queryclient you initialize has a default setting for refetchOnWindowFocus... This can be disabled globally when initializing the react query client (see @tanstack/react-query docs) or if you only like to disable it for this query you can specify it as false on the options on the query (same level as enabled option you defined). Hope this helps!