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

inland-turquoise
inland-turquoise6/11/2025

search param not updating the loaderData on route change!

i'm using this /c/$slug route with search params. on the route change it changed the url but the actual page data is not getting updating. I'm using it in pagination component. I'm using useNavigate. reloadDocument: true does fix it but since it's doing hard reload it might cause issue with caching all. So is there anything i'm doing wrong here to get the data to actual page? should i fetch the actual data on beforeLoad and then just return it along side page & perPage! ```...
sensitive-blue
sensitive-blue6/11/2025

Devinxi - Global headers Support?

Prior to devinxi i was using route rules to set the global headers whats the current recommendation for headers. ``` routeRules: { '/**': { headers: {...
absent-sapphire
absent-sapphire6/11/2025

How to use websocket in the latest alpha version?

I saw devinxi is merged, but how to use websocket in the latest alpha version, are there any guides?
vicious-gold
vicious-gold6/10/2025

Devinxi - full page reload and some missing styles

Hey all, I just updated to 1.121.0 and seeing all links lead to full page reload and some styles are missing. I followed the upgrade guide and have double checked my setup against the basic example. Has anyone else got this issue too?
passive-yellow
passive-yellow6/10/2025

Devinxi Preset Equilvanet

What is the equivalent to this in devinxi? pnpm run build --preset vercel Thanks!...
ambitious-aqua
ambitious-aqua6/10/2025

Missing types when using _pathlessLayout

```tsx export const Route = createFileRoute({ component: Component, validateSearch: zodValidator(searchSchema), loaderDeps: ({ search }) => search, // here search is marked as any...
flat-fuchsia
flat-fuchsia6/10/2025

cloudflare-module target on Tanstack Start devinxi alpha debug error

When using cloudflare-module target on the Tanstack Start devinxi alpha I get the following error:
error during build:
Error: Cannot resolve "tanstack-start-route-tree:v"
error during build:
Error: Cannot resolve "tanstack-start-route-tree:v"
...
harsh-harlequin
harsh-harlequin6/10/2025

Client side cache best practices

Hi! Finally getting my hands on TanStack and I love it so far. One question I have though is regarding cache best practices when it comes to invalidate vs manually update it. Say I have a simple CRUD api:...
rival-black
rival-black6/10/2025

Auth - Supabase - Protected Routes - Tanstack Query

Im wondering if i could get some help understand all of this and how it all comes/works together. So i looked at this video: https://www.youtube.com/watch?v=6c8kuvBolQg&t=7s&ab_channel=DevLeonardo repo: https://github.com/Balastrong/confhub/tree/dc79c9f8fd2a4fb621e2b7029bb0e8dd202d6eb6...
mute-gold
mute-gold6/10/2025

process.env works in local development but is missing after deploying to cloudflare workers

client-side secrets through import.meta.env work both locally and on deployed worker. Server-side secrets using process.env doesn't exist when deployed. I'm using workers not pages using these as reference: https://developers.cloudflare.com/workers/framework-guides/web-apps/tanstack/ https://charleswilliamson.com/how-to-deploy-tanstack-start-to-cloudflare-workers/...
other-emerald
other-emerald6/9/2025

window is not defined

Uncaught Error: Switched to client rendering because the server rendering errored: window is not defined For the component. I get the error "window is not defined" ```...
harsh-harlequin
harsh-harlequin6/9/2025

ENV vars work at start of app but become unavailable?

I am using the following: - TanStack Start Router and Query - Generating Query options using Orval - Supabase for auth ...
No description
other-emerald
other-emerald6/9/2025

loader that runs on all routes

is there a way to make something like a loader function that wraps every route? __roots loader only loads on hard refresh
fair-rose
fair-rose6/9/2025

Is it possible to create both a file route and an API with the same path?

For example: GET /auth/login would show the login form, POST /auth/login would handle it?
harsh-harlequin
harsh-harlequin6/9/2025

Node Stream error on build.

I am having a build issue when using alias but ONLY on my data routes running server side. I am assuming this is a issue with my app.config and vinxi bundle. This is my setup: tsconfig ```...
optimistic-gold
optimistic-gold6/9/2025

React Compiler with TSS

Hello, I'm trying to set up the new react compiler with TSS@alpha but it seems like not to have an affect. That's my vite.config.ts ```tsx...
optimistic-gold
optimistic-gold6/8/2025

are httpOnly cookies set in server function available in api routes?

preface with, i'm doing something like this with an existing api route that seems to work, so not sure what's going wrong i have most of my auth logic in server functions. they basically check jwt in the httpOnly cookie, hit the auth server to refresh if needed, and then reset updated cookies. then that sends back the auth'd user and access token to the client now, i also have an api route /apis/sync/push that needs to read this cookie and authenticate. for some reason when i read the cookie in here i get only undefined....
other-emerald
other-emerald6/8/2025

Why isn't my context typed

```ts import { createRouter as createTanstackRouter } from "@tanstack/react-router"; import { routeTree } from "./routeTree.gen"; ...
No description
conscious-sapphire
conscious-sapphire6/8/2025

tRPC + Custom Auth

Hi again! I was hoping someone could help with a cookie problem I have. I'm pretty new to the world of SSR (I think SSR is where my issue lies, please correct if I'm wrong). I was looking through https://github.com/makyinmars/tan-stack-start-full-stack/?tab=readme-ov-file#tan-stack-start-full-stack for custom auth, which is pretty similar to what I've used with NextJS previously, it follows the Lucia guide for rolling your own auth service. Anyways, I have a function which creates a token and a session but when I try to set a cookie, I get the following error: Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client. I'm using setCookie from vinxi/http, also tried with setCookie from @tanstack/react-start/server. Here's the function that's throwing the error: ```...