TanStack / TanStack/cli

TypeError: selector is not a function

Open
#412 3 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
1.3k
Forks
185
Avg merge
18h 45m
Merged PRs (30d)
2

Description

Which project does this relate to?

Start

Describe the bug

This is my first time trying out tanstack start and I run into an issue trying to run the app with pnpm dev.

I chose AI, DB, Form, Query and I also chose Netlify

Here are the logs:

Initially looks like everything is ok

❯ pnpm dev

> tanstack-experiments@ dev /Users/aalmacin/Projects/tanstack-experiments
> vite dev --port 3000

11:48:44 p.m. [vite] ⬥ Netlify Environment loaded
11:48:44 p.m. [vite] ⬥ Netlify Middleware loaded. Emulating features: aiGateway, blobs, edgeFunctions, environmentVariables, functions, geolocation, headers, images, redirects, static.
11:48:44 p.m. [vite] ⬥ Netlify 💭 Linking this project to a Netlify site lets you deploy your site, use any environment variables defined on your team and site and much more. Run npx netlify init to get started.

  VITE v7.3.1  ready in 1831 ms

  ➜  Local:   http://localhost:3000/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help

But I am getting {"status":500,"unhandled":true,"message":"HTTPError"} on the browser when I tried to open http://localhost:3000/. On the terminal it shows:

TypeError: selector is not a function
    at memoizedSelector (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.4/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js:47:30)
    at /Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.4/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js:76:26
    at Object.useSyncExternalStore (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:10232:18)
    at process.env.NODE_ENV.exports.useSyncExternalStore (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/react@19.2.4/node_modules/react/cjs/react.development.js:1270:34)
    at process.env.NODE_ENV.exports.useSyncExternalStoreWithSelector (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.4/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js:82:19)
    at useStore (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/@tanstack+react-store@0.9.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@tanstack/react-store/src/useStore.ts:35:28)
    at AIAssistant (/Users/aalmacin/Projects/tanstack-experiments/src/components/demo-AIAssistant.tsx:82:18)
    at Object.react_stack_bottom_frame (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:10288:18)
    at renderWithHooks (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:5298:19)
    at renderElement (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:5733:23)
TypeError: selector is not a function
    at memoizedSelector (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.4/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js:47:30)
    ... 8 lines matching cause stack trace ...
    at renderElement (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:5733:23) {
  cause: TypeError: selector is not a function
      at memoizedSelector (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.4/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js:47:30)
      at /Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.4/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js:76:26
      at Object.useSyncExternalStore (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:10232:18)
      at process.env.NODE_ENV.exports.useSyncExternalStore (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/react@19.2.4/node_modules/react/cjs/react.development.js:1270:34)
      at process.env.NODE_ENV.exports.useSyncExternalStoreWithSelector (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/use-sync-external-store@1.6.0_react@19.2.4/node_modules/use-sync-external-store/cjs/use-sync-external-store-shim/with-selector.development.js:82:19)
      at useStore (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/@tanstack+react-store@0.9.2_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@tanstack/react-store/src/useStore.ts:35:28)
      at AIAssistant (/Users/aalmacin/Projects/tanstack-experiments/src/components/demo-AIAssistant.tsx:82:18)
      at Object.react_stack_bottom_frame (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:10288:18)
      at renderWithHooks (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:5298:19)
      at renderElement (/Users/aalmacin/Projects/tanstack-experiments/node_modules/.pnpm/react-dom@19.2.4_react@19.2.4/node_modules/react-dom/cjs/react-dom-server.node.development.js:5733:23),
  status: 500,
  statusText: undefined,
  headers: undefined,
  data: undefined,
  body: undefined,
  unhandled: true
}
Your Example Website or App

https://github.com/aalmacin/tanstack-experiments

Steps to Reproduce the Bug or Issue

Commands:
Choose Netlify and AI, DB, Form, Query

pnpm create @tanstack/start@latest
pnpm dev
Expected behavior

As a new user, I expect to see the sample home page.

Screenshots or Videos

No response

Platform
  • Router / Start Version: latest
  • OS: MacOS Tahoe Version 26.3.1
  • Chip: Apple M4 Pro
  • Browser: Chrome
  • Browser Version: 145.0.7632.160
  • Bundler: vite
  • Bundler Version: 7.3.1
  • Node version: v23.11.0
Additional context

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the generated app with pnpm create @tanstack/start@latest, selecting Netlify and AI, DB, Form, Query, then run pnpm dev. Start at src/components/demo-AIAssistant.tsx:82 and trace the failing useStore call during server rendering; done means the sample home page loads without the TypeError.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript, vite
Domain
cli, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.