query icon indicating copy to clipboard operation
query copied to clipboard

Solid Query is mixing up queries during SSR

Open PeterDraex opened this issue 10 months ago • 2 comments

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

PeterDraex avatar Apr 16 '24 17:04 PeterDraex

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

ardeora avatar Apr 16 '24 18:04 ardeora

Issue in SolidJS repo:

  • https://github.com/solidjs/solid/issues/2131

PeterDraex avatar Apr 16 '24 21:04 PeterDraex