Title: `pnpm create @tanstack/start@latest` configures tRPC incorrectly · Issue #271 · TanStack/cli · GitHub
Open Graph Title: `pnpm create @tanstack/start@latest` configures tRPC incorrectly · Issue #271 · TanStack/cli
X Title: `pnpm create @tanstack/start@latest` configures tRPC incorrectly · Issue #271 · TanStack/cli
Description: Which project does this relate to? Create Tanstack App Describe the bug I ran pnpm create @tanstack/start@latest as instructed on tanstack.com/start/latest/docs/framework/react/quick-start When prompted to select add-ons I selected tRPC....
Open Graph Description: Which project does this relate to? Create Tanstack App Describe the bug I ran pnpm create @tanstack/start@latest as instructed on tanstack.com/start/latest/docs/framework/react/quick-start When pro...
X Description: Which project does this relate to? Create Tanstack App Describe the bug I ran pnpm create @tanstack/start@latest as instructed on tanstack.com/start/latest/docs/framework/react/quick-start When pro...
Opengraph URL: https://github.com/TanStack/cli/issues/271
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"`pnpm create @tanstack/start@latest` configures tRPC incorrectly","articleBody":"### Which project does this relate to?\n\nCreate Tanstack App\n\n### Describe the bug\n\nI ran pnpm create @tanstack/start@latest as instructed on [tanstack.com/start/latest/docs/framework/react/quick-start](https://tanstack.com/start/latest/docs/framework/react/quick-start) When prompted to select add-ons I selected tRPC.\n\nThe tRPC demo route throws the following error: `useTRPC() can only be used inside of a \u003cTRPCProvider>`\n\n\n### Your Example Website or App\n\nN/A\n\n### Steps to Reproduce the Bug or Issue\n\n1. Run\n2. Choose:\n Would you like to use Tailwind CSS?\n│ Yes\n│\n◇ Select toolchain\n│ None\n│\n◇ Select deployment adapter\n│ Nitro (agnostic)\n│\n◇ What add-ons would you like for your project?\n│ tRPC\n│\n◇ Would you like any examples?\n│ none\n\n3. go to the `demo/trpc-todo` route and it has the following error: `useTRPC() can only be used inside of a \u003cTRPCProvider>`\n\n### Expected behavior\n\nThe demo route should have no problem utilizing tRPC\n\n### Screenshots or Videos\n\n_No response_\n\n### Platform\n\n- OS: macOS, Windows]\n- Router / Start Version: latest\n\n\n### Additional context\n\nI got it to work by adding the provider from the integrations\n```tsx\n\nimport { Provider } from \"@/integrations/tanstack-query/root-provider\";\n[...]\nfunction RootDocument({ children }: { children: React.ReactNode }) {\n const { queryClient } = Route.useRouteContext();\n return (\n \u003chtml lang=\"en\">\n \u003chead>\n \u003cHeadContent />\n \u003c/head>\n \u003cbody>\n \u003cProvider queryClient={queryClient}>\n \u003cHeader />\n {children}\n \u003cTanStackDevtools\n config={{\n position: \"bottom-right\",\n }}\n plugins={[\n {\n name: \"Tanstack Router\",\n render: \u003cTanStackRouterDevtoolsPanel />,\n },\n TanStackQueryDevtools,\n ]}\n />\n \u003c/Provider>\n \u003cScripts />\n \u003c/body>\n \u003c/html>\n );\n}\n```","author":{"url":"https://github.com/angel-3535","@type":"Person","name":"angel-3535"},"datePublished":"2025-12-29T23:24:04Z","url":"https://github.com/TanStack/cli/issues/271"}
| react-profiling | 0 |
| react-import-map | react,react-dom,react-dom/client,react-dom/profiling,react-is,react-reconciler,react/compiler-runtime,react/jsx-dev-runtime,react/jsx-runtime,scheduler@d5750093facf |
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:e3886438-60f7-607c-88f1-00d3576bd940 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | AD1E:219971:29861C3:362E116:6AF9A79F |
| html-safe-nonce | e97fd20d0196b90acae70bea3ea2b068eb10ed81fa3e98bc6a3cb24bf955722b |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJBRDFFOjIxOTk3MToyOTg2MUMzOjM2MkUxMTY6NkFGOUE3OUYiLCJ2aXNpdG9yX2lkIjoiNDY2MTU0MjY2NjMxNDAzMzA1NSIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9 |
| visitor-hmac | 560c1a70da12b148e5673531d536444b80467bd9ccadb1dd59b04219497c296c |
| hovercard-subject-tag | issue:3768541068 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/TanStack/cli/271/issue_layout |
| twitter:image | https://opengraph.githubassets.com/8647fb98d6cb944c72a421d10561bc4eeb20be00dca28f70070e603e32dba8be/TanStack/cli/issues/271 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/8647fb98d6cb944c72a421d10561bc4eeb20be00dca28f70070e603e32dba8be/TanStack/cli/issues/271 |
| og:image:alt | Which project does this relate to? Create Tanstack App Describe the bug I ran pnpm create @tanstack/start@latest as instructed on tanstack.com/start/latest/docs/framework/react/quick-start When pro... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | angel-3535 |
| hostname | github.com |
| expected-hostname | github.com |
| None | 612d3e6ffd693e7ea8d9fcf452370995872baef31d825b1fedef704cd3d24ac7 |
| turbo-cache-control | no-preview |
| go-import | github.com/TanStack/cli git https://github.com/TanStack/cli.git |
| octolytics-dimension-user_id | 72518640 |
| octolytics-dimension-user_login | TanStack |
| octolytics-dimension-repository_id | 932949058 |
| octolytics-dimension-repository_nwo | TanStack/cli |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 932949058 |
| octolytics-dimension-repository_network_root_nwo | TanStack/cli |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | 072e34035c13c31543fba9f025cbbbda4210dae4 |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
| react-app-name | issues |
Links:
Viewport: width=device-width