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

metropolitan-bronze
metropolitan-bronze10/2/2025

Where is staticFunctionMiddleware

I am trying to follow Static Server Functions, however i can't as staticFunctionMiddleware cannot be found anywhere. Is there any smart import to do? Or other library to install? Or some module augmentation?
conscious-sapphire
conscious-sapphire10/2/2025

@netlify/vite-plugin-tanstack-start' breaking hmr refresh?

Hi, ``` "@tanstack/react-router": "^1.132.31", "@tanstack/react-router-devtools": "^1.132.31",...
wise-white
wise-white10/2/2025

Need Help

I keep getting the below error each time i make changes and save on my code editor, is it something i should be worried off `[vite] program reload [vite] An error happened during full reload Failed to load url tanstack-start-server-entry.ts (resolved id: tanstack-start-server-entry.ts). Does the file exist?...
metropolitan-bronze
metropolitan-bronze10/2/2025

What is the purpose of useServerFn, all works without it

At What are Server Functions? page we have example of server function that can be used with useQuery (from TanStack Query, to fetch data from endpoint). Example is as follows: ``` const getServerPosts = createServerFn().handler(async () => {...});...
xenial-black
xenial-black10/2/2025

Why does throwing a redirect in the route loaders post RC trigger an error?

I've successfully upgraded a codebase to RC before I noticed something that wasn't there pre-RC. The router docs clearly say that you can throw a redirect from the beforeLoad or loader fn of a route. Now, on RC, throwing redirects from the loaders trigger an error. Maybe I'm making a mistake somewhere. Why is this happening and how can I resolve it?
No description
fascinating-indigo
fascinating-indigo10/1/2025

useParams is not propagating

Hi so we finally updated to the latest version of Tanstack Start ... but are experiencing follow problem: ```ts import { createFileRoute, Outlet } from "@tanstack/react-router"; import { BaseLayout } from "~/templates/layout/BaseLayout";...
unwilling-turquoise
unwilling-turquoise10/1/2025

Cannot access ServerFns

GET http://localhost:3000/customScript.js net::ERR_ABORTED 404 (Not Found)Understand this error createClientRpc.js?v=5d579772:9 Uncaught (in promise) ReferenceError: process is not defined at createClientRpc (createClientRpc.js?v=5d579772:9:43) at __root.tsx:26:1 ...
conscious-sapphire
conscious-sapphire10/1/2025

Start RC -> Failed to load the ES module

Hi, code that was working OK inside Start 1.31 is now showing an error in the logs. https://68dcdf7e5058d6c68105c80c--momnium.netlify.app/ The strange thing is that if the page is loaded directly from the address bar it loads ok. But if I navigate to a route using a link, I get this error. But if I refresh it loads....
metropolitan-bronze
metropolitan-bronze10/1/2025

TanStack learning-questions on some tips from https://tanstack.com/start/latest/docs/framework/react

I have been going through learning materials on TanStack page and stumbled upon two things i am not fully clear how to perform: 1. In Production Checklist it says "Bundle Analysis: Verify server-only code isn't in client bundle" - so i go to client bundles (dist/client/) and verify... imports? How to determine what to check? ...
optimistic-gold
optimistic-gold9/30/2025

only show pendingComponent on initial route load (not when invalidating)

I haven't become crazy familiar yet with the RC, but I have a project on TSS and the best way I found to reliably render the pendingComponent is to not await the server fns in the loader and then use React.use in the routeComponent. The issue here is that when I mutate the data via a form on the page and then use router.invalidate() in the success callback, I get a blip of the pendingComponent. Haven't been able to get the pending delay setting (blanking on the name and left my computer) to prevent this, and I think this would be disorienting for users, so I am trying to find a way around it while leaving the pendingComponent during the initial route load. Feels weird to store the data in state and then update the state on every mutation to force rerendering of dependent components, but I'm new to React as of the last few months, so maybe I'm thinking about this the wrong way. Either way, is there an article, issue, example, thread, etc. that could point me in the right direction on how to use pendingComponent when loading a route initially but not when invalidating the route? Thanks in advance!...
genetic-orange
genetic-orange9/30/2025

router.tsx for Convex + Start

I wonder if it is correct to nest <ConvexAuthProvider> as a child of <QueryClientProvider>. Is it redundant? deps: ```json "@convex-dev/auth": "^0.0.90",...
foreign-sapphire
foreign-sapphire9/29/2025

Server Route Search Params

Is there a proper way to implement search params in server routes? I'm struggling to figure this out, since 'search' isn't available at all in the GET function parameters, and validateSearch is seemingly meaningless for server routes. For my main app, I'm using server functions in my SSR/queryClient fetching rather than fetching from the API like a conventional backend. But, eventually, having an external API would be important for my users. ```import { createFileRoute } from "@tanstack/react-router";...
extended-salmon
extended-salmon9/29/2025

Route Context Persistency

Is the route context persistent in the server like a session? If I save the logged user there, is it available only to the client that originated it's value assignment? That was the case for router alone, but now that loaders are executed in the server, I am not sure how it works.
quickest-silver
quickest-silver9/29/2025

Tanstack Start Saas App BFF Architecture

Would you recommend using TanStack Start as the BFF in front of our React app and C# .NET microservices? Or do you think building the BFF directly in C# would be a better fit?
ambitious-aqua
ambitious-aqua9/29/2025

Create new project fails

Creating a new project is broken: Running
npm create @tanstack/start@latest
npm create @tanstack/start@latest
...
extended-salmon
extended-salmon9/29/2025

Question about committing and resolving routeTree.gen.ts in Git

Hi, I’m new to using TanStack Router. I read in the official docs that the routeTree.gen.ts file should be committed to git since it’s part of the application runtime. However, during collaboration, I sometimes see conflicts or constant modifications in this file when running the dev server. In such cases, is the recommended approach to just regenerate the routeTree.gen.ts (by restarting the dev server or running the generate command), instead of manually resolving conflicts?...
useful-bronze
useful-bronze9/29/2025

Nitro V3 - SSR Build Fails

When I use the nitro v3 plugin, my build fails, when I use the v2 plugin it works It seems related to including “jsdom” package in my project I haven’t had time to make a repro sadly...
No description
fascinating-indigo
fascinating-indigo9/28/2025

Handle Server function Zod Validation Errors

Question for everyone using zod schemas as validateInput how are you showing the errors into the actual UI? Because it seems like zod errors are actually serialized as string.
fascinating-indigo
fascinating-indigo9/28/2025

[discord server related] How is your current experience with AnswerOverflow?

Hey! I saw this forum AnswerOverflow for syncing threads. Curious how the community / moderators enjoy using AnswerOverflow? Is there anything about your current setup (commands, customization, UI, etc.) you’d like improved?...
sunny-green
sunny-green9/28/2025

Deploying to a node-server

I have created a small app with Tanstack Start, everything works well locally and now I want to deploy it to my ubuntu server running node. However, when I build it it builds a dist folder with a client and server folders inside it. But looking at the packages.json file, the start command looks like this: "start": "node .output/server/index.mjs", I don't have any .outputdirectory? If I change it to run the /dist/server/server.js file nothing happens and the program exits immedietly. I have searched the web and here for answers but found none so far.< ...