TanStack

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

Join

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

unwilling-turquoise

7/1/2025

Failed to fetch dynamically imported module

I am trying to build & run my Tanstack Start project with Docker. Building & running works, but I immediately get a runtime error and a network error: GET http://localhost:3000/assets/main-WtU-nrR_.js net::ERR_CONTENT_LENGTHMISMATCH 200 (OK) Uncaught (in promise) TypeError: Failed to fetch dynamically imported module: http://localhost:3000/assets/main-WtU-nrR.js...

metropolitan-bronze

6/30/2025

How to handle static audio?

In an app where I have static mp3 audio files, where should I store them and how do I import them?

conscious-sapphire

6/30/2025

How do I read context in middleware?

Hi all, I have a middleware function in which I want to read the contents of 'context' to determine if I need to do something or not. Like the screenshot shows, context is of type 'never' but when I console.log the context out, I do see some values. How should I do this?...

continuing-cyan

6/29/2025

Can't create "/credits" route?

I started using TanStack Start about a week ago and everything has been going pretty well. I've ran into an issue where I can't create a credits page for my website because the routeTree.gen.ts generator, for some reason, ignores my credits.tsx page. Any other name for the .tsx file seems to work. It's just that credits.tsx specifically is ignored. Usually creating the file is enough for the route to be added to the routeTree file....

vicious-gold

6/29/2025

Client not hydrating. no error message

Hi, I really want to give tanstack start a try, so I experimented with converting my nextjs app. I followed the migration guide here: https://tanstack.com/start/latest/docs/framework/react/migrate-from-next-js. I managed to get a couple of my pages rendering, but it seems only SSR is working (ie. the client never "hydrates"). I don't get any error messages. I tried removing most of the code for a single page and managed to get the client to hydrate and started adding code back in, but it's really unclear what causes the issue. In one case, simply importing a package (pino-pretty) caused it to stop working. This is so difficult to try to figure out that I'm tempted to give up. Besides this I'm getting weird vite build issues in third party packages too. Anyone have any ideas for how I can debug this or what causes it? Any help is greatly appreciated....

helpful-purple

6/29/2025

Start + useQuery prefetch question

Hi! I was under the impression that with react-router-with-query, we'd be able to start a query on the server and continue it on the client with useQuery, even when the query doesn't fully resolve inside the loader - essentially continue the query where the server left off. I'm wondering if that is actually the case or if that is only possible with useSuspenseQuery. In the example below, without any nested components, our query takes two seconds to resolve. If we prefetch inside the loader (without awaiting the prefetch or any subsequent duration), we will get data (1) from useQuery - the query runs fully in the client. When the loader is longer and allows for the query to fully resolve in the server, we get data (2), fetched in the server. ```typescript...

constant-blue

6/29/2025

Do I need a start, or is just router enough?

Hi all! I’m planning my next web app (a spare-time project). I enjoy working with SPAs because they’re straightforward and avoid unnecessary complexity. The app is behind a login, so I don’t need SEO. I’m wondering: do I need start, or is using just router enough? Could start offer other benefits, like server caching or performance improvements? I’d prefer to keep the frontend clean and focused, without adding the complexity of a full-stack app unless it’s really worth it. Thanks!...

flat-fuchsia

6/28/2025

Is @tanstack/react-start still relevant? (maybe old setup)

Recently reinstalled a project I had started about a month ago. Running a fresh install, I'm seeing this error in the app.config file. Looking back at the docs, it seems like for the basic example, this app.config is no longer there. Just wondering if there was an update I missed. Thanks.

sensitive-blue

6/27/2025

Dexie/localStorage not working at all

Hello, Currently I'm migrating my Next.JS application to Tanstack Start. I use Dexie and localStorage very heavily and it isn't really working as expected. Dexie and localstorage reads are coming back as undefined....

deep-jade

6/27/2025

I started a new project with Clerk and Convex, target deployment to CF Workers, build errors

I set up development and production environments in wrangler.toml and I'm attempting deployments both via GH actions and locally, with zero success. The error I'm getting during the nitro build is this: ```...

rising-crimson

6/27/2025

Upload file using server actions, the right way

Send type File to a server action. Currently the serializer does not let me pass it. Any guide or recommendation?

grumpy-cyan

6/27/2025

Scripts in Head are added and executed twice (also in basic-example). Should we add an identifier?

I noticed that scripts returned from the head function are returned and executed twice. This happens both with referring to a script like src: '/customScript.js' and also if you define it as children: "(function(){ console.log("Hello")})()" I think this is a bug, but perhaps there is a need to an identifier to it so tanstack start understands it are the same scripts?...

adverse-sapphire

6/27/2025

The best way to manage new builds/deploy

What is the best way to handle the change of the server functions endpoint, since the URL of the server functions changes upon deployment, all users who are still on the old version will be affected by the change of the server functions endpoint.

harsh-harlequin

6/26/2025

If my server functions are calling other APIs, should I still use them?

So, I just deployed a landing page using tanstack-start (https://pricesurvey.io) and now I'm going to create a web application. I already have a backend setup in another application, even though tanstack start is a full-stack framework, at the moment my only requirement is to integrate the frontend with this other backend, with this context given, is it necessary/recommended to use server functions? If not, what to use instead?

continuing-cyan

6/26/2025

Scss not importing

I recently removed app.config.ts and moved to vite.config.ts and suddenly all my css is not working. Is the a guide/example how the Tanstact start with Vite and scss modules should be set up? Thank you

exotic-emerald

6/26/2025

Unit testing routes and middleware

How do you test things like createServerFileRoute and createMiddleware? one example of what i'm trying to do (this code doesn't work): ```ts...

optimistic-gold

6/25/2025

h3 `getValidatedQuery` not working after devinxi?

I'm about to create a repro when I have some time but I was wondering: is getValidatedQuery (to parse query params), which is now apparently from h3 supposed to work the same as vinxi's one? I'm on: ``` "@tanstack/react-router": "1.121.34",...

sensitive-blue

6/25/2025

React Fluent Icons not being loaded/throwing an error

Hi all, I'm currently migrating from Next.js to Tanstack Start. I have fully completed the migration, and changed all of my routes, per the doc for the migration. I'm sure there is still a lot of work to do (fixing small bugs, rewriting my server actions, etc) but I can't even get there because of a very puzzling error: ```An error occured while server rendering /index.html:...

optimistic-gold

6/25/2025

How to install Tailwind with vite and @tailwindcss/vite?

Is there a guide on how to install Tailwind with TSS (latest version)?

optimistic-gold

6/25/2025

Unclear migration guide for 1.121.10

Hi I'm following this guide: https://github.com/TanStack/router/discussions/2863 But in the last section it's unclear where createServerFileRoute should be imported from....

Previous Next

Gaming

Programming

TanStack

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

TanStack

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