SSR data is fetched again on the client with vike-vue-query

[BMFreed]

Greetings!
I have noticed a strange behaviour while using vike-vue-query.
I've launched the example repository and saw that while the data on the page is prerendered via SSR - it is also fetched after the initial render, while the expected behaviour is that vike-vue-query will tell TanStack Query to hydrate the client instead of refetching data.

The SSR response:

The repeated request sent from the client side:

Am I getting something wrong?

[brillout]

Indeed, the data shouldn't be re-fetched. Can you publish a reproduction? CC @nitedani

[BMFreed]

The issue can be reproduced via vike-vue-query's official example repository
I've also linked it in the original post. Hope this helps :)

[BMFreed]

@brillout I have found the root cause of the issue. Turns out, this is an expected behaviour in TanStack Query, where if you use SSR - you have to set the query's stale time to a high enough value to avoid immediate refetch.
It was actually answered here.
So there is no issue with vike or vike-vue-query whatsoever.

[brillout]

@nitedani Maybe vike-react-query should add a default stale time?

[BMFreed]

@nitedani Maybe vike-react-query should add a default stale time?

Personally, I think this would abstract a part of TanStack Query's API.
However, it would be great if you could add this detail about TanStack Query and SSR to the docs. And also set the stale time in the example repository, while linking the docs in the code :)