TanStack / TanStack/cli

TypeError: selector is not a function

オープン
#412 コメント 3 件 リアクション 1 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

主要言語
TypeScript
スター
1.3k
フォーク
185
平均マージ
18時間 45分
マージ済み PR(30日)
2

説明

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

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

pnpm create @tanstack/start@latest で生成されたアプリを再現し、Netlify と AI、DB、Form、Query を選択してから pnpm dev を実行します。src/components/demo-AIAssistant.tsx:82 から始め、サーバーサイドレンダリング中に失敗している useStore 呼び出しを追跡します。サンプルのホームページが TypeError なしで読み込まれれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
react, typescript, vite
領域
cli, frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
静か
明瞭さ
おおむね明確
初心者へのやさしさ
52/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。