TanStack

T

TanStack

TanStack is a community of passionate software engineers striving for high-quality, open-source software for web devs

Join

react-query-questions

solid-query-questions

table-questions

virtual-questions

router-questions

react-charts-questions

ranger-questions

vue-query-questions

svelte-query-questions

bling-questions

form-questions

angular-query-questions

start-questions

db-questions

start-showcase

router-showcase

📣-announcements

xenogeneic-maroon
xenogeneic-maroon10/20/2025

Cannot get custom server entrypoint with Start + Cloudflare

hey, trying to get TanStack Start deployed to Cloudflare Workers. As soon as I enable Cloudflare Vite plugin, CSS and JS stop working completely. it is ok without cloudflare plugin. I confirmed it is all about using custom server entry....
national-gold
national-gold10/20/2025

Throwing error inside Server Function's handler crashes the app

Not sure if I messed up something, but my Tanstack Start app will crash if an error is thrown inside the server function's handler, Inspired by the doc's example here ``` export const getRecipeByIdFn = createServerFn().handler(async () => {...
optimistic-gold
optimistic-gold10/20/2025

Do you keep your mutations/queries and `mutationOptions` /`queryOptions` in the same file?

When developing with start is there any downside to having the function declaration and queryOptions/mutationOptions in the same file? Thanks
eastern-cyan
eastern-cyan10/20/2025

Migrate from TanStack Router to TanStack Start

I am planning on building an app as a way to continue learning TanStack Router (and potentially the Start stack), but I am not sure if I need the features of Start yet. I am curious if I initially use the @tanstack/react-router quick start, will I (easily) be able to migrate to @tanstack/react-start later on or will I need to re-initialize a new project to get all the benefits from scaffolding a new Start project?
national-gold
national-gold10/19/2025

Route.useSearch() not inferring type from validateSearch

Was trying out examples from this doc https://tanstack.com/router/v1/docs/framework/react/guide/search-params#validating-and-typing-search-params ``` import { createFileRoute } from '@tanstack/react-router'...
ambitious-aqua
ambitious-aqua10/19/2025

pnpm create hanging on "solidui-cli"

``` $ pnpm create @tanstack/start@latest --package-manager bun --framework solid ┌ Let's configure your TanStack Start application │ ◇ What would you like to name your project?...
wise-white
wise-white10/19/2025

Getting userId in server function

Hello, First of all, thank you for this amazing framework! I’m getting more and more hooked on it every day. I’ve been using Clerk for authentication and exploring how it integrates with Tanstack Start....
like-gold
like-gold10/19/2025

Docs on cloudflare hosting using wrangler

There is nothing how to connect our cloudflare account/dedicated server with our code, i.e. how to configure it to deploy to particular server.
correct-apricot
correct-apricot10/19/2025

Should I use Cloudflare Adapter or Nitro to deploy my TanStack project to CF Worker?

Hey everyone, I’m planning to deploy my TanStack project to Cloudflare Workers. Since both the Nitro adapter and the Cloudflare adapter are supported, I’m wondering — which one would be the better choice to use?
noble-gold
noble-gold10/19/2025

Sentry integration unclear for RC

Hey team, trying to migrate to RC from beta. It's unclear from tanstack and sentry docs how to fully integrate sentry in RC. In beta there was wrapping of sentry in server.ts and sentry init in client.tsx. Not sure if server.ts and client.tsx are still valid / picked up by tanstack, and the <StartClient /> component that was originally used in client.tsx is no longer available - so where to init sentry if not in client.tsx? __root.tsx?
quickest-silver
quickest-silver10/19/2025

Set HTTP status code from loaders

Happy to build a full example repo to explain this further, but hopefully should be straightforward. I am calling some external APIs in my loader, and sometimes they fail. Right now what happens is the errorComponent renders fine, but the HTTP status code is 200, and there's noway to change that. Tried setResponseStatus but that just gets ignored. Right now the only way I can get around this is a funky way of setting a custom header, then checking for that header in a custom Start handler on the server, then setting the response status code from there....
quickest-silver
quickest-silver10/19/2025

loader fn not setting response headers like in 1.131.43

The following was working before I upgraded to 1.133.13. The expectation is that upon navigating to this route, the server should set the session cookie in the response headers: ``` const loader = createServerFn() .inputValidator( z.object({...
modern-teal
modern-teal10/18/2025

How to initialize query from within a loader using data from another query?

Hey there 👋 I am currently trying to figure out how to initialize a query using data from another query within a route loader in Start. I was unsure if this Q belonged in #start-questions , #react-query-questions , or #router-questions , so if this is the wrong place I'd be glad to remove it and ask elsewhere. I originally tried ensureQueryData with initialData but this wasn't working for me. So, I figured, maybe manually setting it 🤷‍♂️ But because route loaders in Start are isomorphic this can't be right + it doesn't work... ```ts export const Route = createFileRoute("/_main/teacher/$teacherSlug")({...
quickest-silver
quickest-silver10/18/2025

(intermediate value).routerEntry.getRouter is not a function

Just migrated from 1.131.41 to 1.133.13 and trying to load my app I'm getting this:
TypeError: (intermediate value).routerEntry.getRouter is not a function
at getRouter (/Users/carlos/Dev/clickpath/medicitas/medicitas-dev/node_modules/.pnpm/@tanstack+start-server-core@1.133.13/node_modules/@tanstack/start-server-core/src/createStartHandler.ts:126:42)
TypeError: (intermediate value).routerEntry.getRouter is not a function
at getRouter (/Users/carlos/Dev/clickpath/medicitas/medicitas-dev/node_modules/.pnpm/@tanstack+start-server-core@1.133.13/node_modules/@tanstack/start-server-core/src/createStartHandler.ts:126:42)
...
wise-white
wise-white10/18/2025

Server function error handling

Hello, When I try to catch errors thrown in server functions within an error boundary at the client side, the error is displayed in the standard format for one millisecond before my custom is displayed. Like flashing once. This happens even I catch them in the error boundary defined in root route....
exotic-emerald
exotic-emerald10/18/2025

Testing for Tanstack Start.

Hello. I am quite new to Tanstack Start. I am basically a Nextjs 15 guy but I feel disgusted with the Vercel team and the frameworks abstractions. Anyways, so basically I am moving away from Nextjs and thinking of building my first SaaS using Tanstack Start. Since it has the potential to grow larger, I looked online for testing options for TS Start but couldn't find any resource regarding Jest testing with TS Start. Where should I look into to learn about Testing Apps built on TS Start? Thanks in advance....
ambitious-aqua
ambitious-aqua10/18/2025

Next.js Image equivalent

Is there any plans of making a next.js Image component equivalent, that optimizes images in TanStack Start?
xenogeneic-maroon
xenogeneic-maroon10/18/2025

TypeError: Cannot read properties of undefined (reading 'protocol')

1.133.7 - hit this error. No idea where it is coming from really. TypeError: Cannot read properties of undefined (reading 'protocol') at new URL (file:///path/to/project/node_modules/.pnpm/srvx@0.8.15/node_modules/srvx/dist/_chunks/url-Q-LB8LX.mjs:32:26) at new H3Event (file:///path/to/project/node_modules/.pnpm/h3@2.0.0-beta.4/node_modules/h3/dist/h3.mjs:56:51)...
wise-white
wise-white10/17/2025

Server Fn error return types

Hello! In createServerFn functions, should we return normal typescript errors (ie. Error object) or http errors like return new Response('Internal Server Error', { status: 500 }) ? Thanks!...