Skip to content

Astro Solid SSR example #9888

@mccormack-harry

Description

@mccormack-harry

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/solid-js@1.9.10/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/solid-js@1.9.10/node_modules/solid-js/dist/server.js:536:96)
    at loading (file:///project/sandbox/node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/dist/server.js:551:5)
    at Function.get (file:///project/sandbox/node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/dist/server.js:565:16)
    at Array.<anonymous> (file:///project/sandbox/node_modules/.pnpm/@tanstack+solid-query@5.90.13_solid-js@1.9.10/node_modules/@tanstack/solid-query/build/index.js:243:35)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/dist/server.js:132:68)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/dist/server.js:128:49)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/dist/server.js:128:49)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/dist/server.js:128:49)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/dist/server.js:128:49)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/dist/server.js:128:49)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/dist/server.js:128:49)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/dist/server.js:128:49)
    at cleanNode (file:///project/sandbox/node_modules/.pnpm/solid-js@1.9.10/node_modules/solid-js/dist/server.js:128:49)
    at Timeout._onTimeout (file:///project/sandbox/node_modules/.pnpm/solid-js@1.9.10/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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions