query icon indicating copy to clipboard operation
query copied to clipboard

Astro Solid SSR example

Open mccormack-harry opened this issue 2 months ago • 0 comments

Describe the bug

https://tanstack.com/query/v5/docs/framework/solid/examples/astro

The astro+solid example for using tanstack query is failing to run.

The query runs when I try with astro client:only directive on solid component - is tanstack query supposed to work in solid ssr context within astro?

I'm new to Astro and this is my first time using tanstack query so any pointers would be appreciated - My usual stack is solid-start.

Here is the output from CodeSandbox.

> @tanstack/query-example-solid-astro@ dev /project/sandbox
> astro dev

â–¶ Astro collects anonymous usage data.
  This information helps us improve Astro.
  Run "astro telemetry disable" to opt-out.
  https://astro.build/telemetry

24:31:50 [@astrojs/node] Enabling sessions with filesystem storage
24:31:50 [types] Generated 1ms
24:31:50 [content] Syncing content
24:31:50 [content] Synced content

 astro  v5.16.0 ready in 845 ms

┃ Local    http://localhost:4321/
┃ Network  use --host to expose

24:31:50 watching for file changes...
24:31:54 [200] / 203ms
file:///project/sandbox/node_modules/.pnpm/[email protected]/node_modules/solid-js/dist/server.js:536
    const resolved = options.ssrLoadFrom !== "initial" && sharedConfig.context.async && "data" in sharedConfig.context.resources[id];
                                                                                               ^

TypeError: Cannot use 'in' operator to search for 'data' in undefined
    at prepareResource (file:///project/sandbox/node_modules/.pnpm/[email protected]/node_modules/solid-js/dist/server.js:536:96)
    at loading (file:///project/sandbox/node_modules/.pnpm/[email protected]/node_modules/solid-js/dist/server.js:551:5)
    at Function.get (file:///project/sandbox/node_modules/.pnpm/[email protected]/node_modules/solid-js/dist/server.js:565:16)
    at Array.<anonymous> (file:///project/sandbox/node_modules/.pnpm/@[email protected][email protected]/node_modules/@tanstack/solid-query/build/index.js:243:35)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/[email protected]/node_modules/solid-js/dist/server.js:132:68)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/[email protected]/node_modules/solid-js/dist/server.js:128:49)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/[email protected]/node_modules/solid-js/dist/server.js:128:49)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/[email protected]/node_modules/solid-js/dist/server.js:128:49)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/[email protected]/node_modules/solid-js/dist/server.js:128:49)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/[email protected]/node_modules/solid-js/dist/server.js:128:49)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/[email protected]/node_modules/solid-js/dist/server.js:128:49)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/[email protected]/node_modules/solid-js/dist/server.js:128:49)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/[email protected]/node_modules/solid-js/dist/server.js:128:49)
    at Timeout._onTimeout (file:///project/sandbox/node_modules/.pnpm/[email protected]/node_modules/solid-js/dist/server.js:54:52)
    at listOnTimeout (node:internal/timers:573:17)
    at process.processTimers (node:internal/timers:514:7)

Node.js v20.12.1
 ELIFECYCLE  Command failed with exit code 1.

Your minimal, reproducible example

https://codesandbox.io/p/devbox/github/tanstack/query/tree/main/examples/solid/astro?embed=1&theme=dark&file=src/index.tsx

Steps to reproduce

.

Expected behavior

.

How often does this bug happen?

None

Screenshots or Videos

No response

Platform

.

Tanstack Query adapter

None

TanStack Query version

5.90.13

TypeScript version

No response

Additional context

No response

mccormack-harry avatar Nov 21 '25 01:11 mccormack-harry