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

initial-rose
initial-rose2/8/2025

Anyone get tanstack start working with deno

would be interested in seeing a starter repo
wise-white
wise-white2/7/2025

Error on Docker build

Hey, I am getting this error: ERROR Could not load /opt/app/routes/globals.css?url (imported by routes/__root.tsx): ENOENT: no such file or directory, open '/opt/app/routes/globals.css?url' This is my Dockerfile:...
foreign-sapphire
foreign-sapphire2/7/2025

DefaultCatchBoundary not showing in en error from the cold start of a database

It is justwhite blank page. My database is a cheap dev tier that's why the cold start is long. But I am relying on a component that will show upon the error. Code is here which I got from the example template of TanStack Start. __root.tsx ``` createTanStackRouter({...
extended-salmon
extended-salmon2/4/2025

How do you deploy TansStack Start for AWS S3?

How do you deploy TansStack Start for AWS S3?
conscious-sapphire
conscious-sapphire2/4/2025

Tailwind v4 on TanStack Start

Hello, has anyone managed to set up Tailwind v4 on TanStack Start? Because for me, it works in the dev environment but not in the build environment
No description
foreign-sapphire
foreign-sapphire2/3/2025

Hooks in Router Context/Preventing multiple server function requests in one page load

Hi, I've made an AuthContext that uses a getUser server function to retrieve the authenticated user and pass it to the client so it can be used in a useAuth hook. Currently, to protect routes and redirect away if unauthenticated, I request this getUser server function again in the root route to add the user object to the route context, so I can check if it exists in beforeLoad and redirect if it does not. The problem with this setup is that it makes the request to the getUser serve...
genetic-orange
genetic-orange2/3/2025

Tanstack Start + Azure Static Web App

Did anyone get this working? I tried using the https://nitro.build/deploy/providers/azure ...
genetic-orange
genetic-orange2/3/2025

Tanstack Start + AWS Amplify v2 experience?

Hello, does anyone would like to share their experience using Tanstack Start with AWS Amplify?
rival-black
rival-black2/3/2025

How does Streaming work in TTS?

Hello, The docs says TTS supports Streaming of any primitive but I am wondering how it would be the best way to implement it. Do the loaders support streaming or do we need to use the server function directly to get the Streaming down to the client? I haven't seen many if any examples of Streaming and also if I look into the TTQ library, all I can see with Streaming is with Nextjs. It would be nice if the docs could include a minimal example of how to use Streaming with TTS...
flat-fuchsia
flat-fuchsia2/2/2025

How can you make a PWA with tanstack start especially adding the web worker

How can you make a PWA with tanstack start especially adding the web worker
ambitious-aqua
ambitious-aqua2/2/2025

AbortControllers with server functions

I went through the guide to start a project from scratch and then went to read the docs on TanStack Router. One of the examples in the TanStack Router docs showed how loader functions receive an AbortController object so the signal can be passed to a fetching function to cancel the network request. Do we need to worry about passing an AbortSignal to server functions?
conscious-sapphire
conscious-sapphire2/1/2025

A question about hydration errors, even out of the box in the basic example.

I've been running into this in my app, and I thought it was a mistake I was making, but I've got this recurring hydration error with the CSS links. It's reproducable even in the basic example on stackblitz: https://stackblitz.com/github/tanstack/router/tree/main/examples/react/start-basic Make some changes to the CSS, but save the file with some kind of error, for example a typo or syntax error. You'll see an error message. Now correct the error that error message is gone, but you'll have a hydration error that seems to persist until the server is restarted:...
optimistic-gold
optimistic-gold2/1/2025

Is there a way to pass headers in router.tsx?

Hey there! I am using the Tanstack Start tRPC example: https://github.com/trpc/trpc/tree/next/examples/tanstack-start Up until now it is working very well! However to make it work in my usecase I would need to pass the headers to ...
extended-salmon
extended-salmon2/1/2025

Tanstack start without tailwind (css modules, zero runtime css-in-js, anything but tailwind)

I am attempting to implement tanstack start with literally anything but tailwind. I am not for or against tailwind so please dont say "just use tailwind bro", simply I need to something else. Reason being is I have legacy design systems implemented with styled-components and it is significantly easier to migrate to zero-runtime css-in-js or css modules and our team is quite good at writing clean styles without a million utility classes. The core error revolves around FOUC (Flash of unstyled content) when the app renders....
statutory-emerald
statutory-emerald1/31/2025

cloudflare [ERROR] Uncaught (in response) TypeError: This ReadableStream did not return bytes.

getting this error when I attempt to deploy to cloudflare pages following the instructions. my route loader is working because it triggers a redirect i call in my beforeLoad. repo is here https://github.com/matthewdavi/minesweeper...
conscious-sapphire
conscious-sapphire1/31/2025

registerGlobalMiddleware not working

Hello everyone, I am trying to use the registerGlobalMiddleware but it never calls the middlewares that define in it. For example the following code never gets executed whenever I press the increment btn (from the doc demo). ...
stuck-chocolate
stuck-chocolate1/31/2025

Integration with ConnectRPC

Hello everybody, Does anyone have any idea how to integrate ConnectRPC with Start? They have a Query integration but I don't know if it can be used in the paradigm of 'calling a server function' and then using useSuspenseQuery. They also some documentation on SSR but honestly being quite new to the ecosystem I have a hard time following through. PS: There might be an obvious answer, but I have a hard time digesting all these concepts and trying my best....
sensitive-blue
sensitive-blue1/30/2025

Logging on server

I've been looking into how I can handle logging all server-side errors using pino (primiarly in the defaultStreamHandler as I have errors that are not serialized in console)... I want to use standard logging format so GCP Cloud Run can pick up on it but at the moment everything is automatically console.<insert-method>. Are there plans to allow injecting a logger (similar to Fastify => https://fastify.dev/docs/latest/Reference/Server/#loggerinstance)....
statutory-emerald
statutory-emerald1/29/2025

serverFnmanifest error on build

hello, i have a tanstack start app that works properly in dev, and build completes, but at runtime i get this error.
No description
exotic-emerald
exotic-emerald1/29/2025

Can React Native Web work with Tanstack Start?

I'm planning to build a marketing website that includes a web application. I'd like to use React Native Web UI components so I can share them between the website and a mobile app built with Expo. Is this approach currently feasible?...