11 replies

useQuery vs useSuspenseQuery

I'm having a hard time understanding in what's the main difference between

useQuery

useQuery

and

useSuspenseQuery

useSuspenseQuery

? For example I prefetch one endpoint at

page.tsx

page.tsx

, considering that prefetch will prefill the cache then what will happen if I call

useQuery

useQuery

instead on

useSuspenseQuery

useSuspenseQuery

?

Also if a component is using

useSuspenseQuery

useSuspenseQuery

for some data, then how to invalidate that and fetch new data from some other component? With

useQuery

useQuery

we do have

invalidate

invalidate

function that I can call!