search

TanStack / query

🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.
https://tanstack.com/query
MIT License
40.1k stars 2.69k forks source link

Solid Query is mixing up queries during SSR #7289

Open PeterDraex opened 1 month ago

PeterDraex commented 1 month ago

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

  1. Look at Page.tsx - notice that pageQuery query function resolves to pageQuery API response. However, when you print it, pageQuery.data: "ComponentA API response" is rendered instead.
  2. 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

ardeora commented 1 month ago

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

PeterDraex commented 1 month ago

Issue in SolidJS repo: