query
query copied to clipboard
Solid Query is mixing up queries during SSR
Describe the bug
During SSR, query.data
is receiving data from another query function.
Your minimal, reproducible example
https://stackblitz.com/edit/github-pqy8j7-s2k3r8?file=src%2Fcomponents%2FPage.tsx
Steps to reproduce
- Look at
Page.tsx
- notice thatpageQuery
query function resolves topageQuery API response
. However, when you print it,pageQuery.data: "ComponentA API response"
is rendered instead. - Note that this is an Astro project and the
client:load
directive is not used, so this page is never hydrated.
Expected behavior
Output is
... pageQuery.data: "pageQuery API response"
How often does this bug happen?
Every time
Screenshots or Videos
No response
Platform
Chrome, Windows
Tanstack Query adapter
solid-query
TanStack Query version
5.30.3
TypeScript version
No response
Additional context
cc @ardeora
Well this was strange at first but this looks like a bug in maybe astro or solid-js. I'm using createResource here and still see the same issue
https://stackblitz.com/edit/github-pqy8j7-ibsnna?file=src%2Fcomponents%2FPage.tsx
Issue in SolidJS repo:
- https://github.com/solidjs/solid/issues/2131