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
i18n with optional locale param?
I see the example in here https://tanstack.com/router/latest/docs/framework/react/guide/path-params#type-safety-for-i18n
And it uses optional locale param.
Also, there is this example
https://tanstack.com/router/latest/docs/framework/react/examples/basic-ssr-file-based...
Auth0 and Tanstack Start Integration
Is there any updated detailed guide to implement Auth0 with Tanstack Start.
If anyone can refer to a guide or a repo much appriciated
Thanks in advace...
Pest practices for persisting large dataset
I'm creating an offline-first application that needs to keep a large dataset available for offline use. What's the best practice for persisting the storage? It seems odd for TanStack DB to not have a built-in option for this, so I must be missing something. using
window.localStorage runs into size limits. I'm also using TanStack StartAuth throwing errors
I just created fresh project with
npm create @tanstack/start@latest -o tanstack-start-auth-test.
Then added auth accordingly to Authentication.
Ended up with a project that i zipped and attached here....Streaming data from server functions link broken
The following section on the server functions page has a broken link. Does anyone know where the guide is? https://tanstack.com/start/latest/docs/framework/react/server-functions#streaming
Streaming Stream typed data from server functions to the client. See the Streaming Data from Server Functions guide: https://tanstack.com/start/latest/docs/framework/react/guide/streaming-data-from-server-functions...
Dev mode cache logic question
When running dev, I have to re-fetch all of my collections each time i refresh the page. I'm sure I'm ignorant here, but shouldn't it persist the data across refreshes and update it being local first? Or is this by design in dev mode?
Seeing this SSR issue trying to deploy to vercel tonight. On version 1.131.28
I thought SSR was on by default?
TypeError: Cannot set properties of undefined (setting 'ssr')
at attachRouterServerSsrUtils (file:///var/task/node_modules/.nitro/@tanstack/router-core@1.132.47/dist/esm/ssr/ssr-server.js:32:14)
... 7 lines matching cause stack trace ......
useSession returning partial UserSession in Start RC
I updated the dependencies to version ...
^1.132.47 and strangely since then useSession no longer returns the session type but a partial of the type.
const { data } = await useSession<{userId: string; age: number}>
const { data } = await useSession<{userId: string; age: number}>
Issue with Generic Handler Factory for TanStack Start Routes
I'm trying to create a reusable handler factory pattern for TanStack Start API routes
The Problem: The RouteMethodHandlerCtx type requires 5 generics, including a specific route path as the 3rd generic parameter (e.g., '/demo/api/endpoint-factory'). When I try to make my factory generic to work with any route, I can't properly type the route path parameter.
What I'm trying to achieve: A reusable handler factory that:...
Hosting in Docker with Nitro problems
I try to follow Hosting article. I want to host it in Docker, so i choose Nitro V3.
However, in the docs there's import
import { nitro } from 'nitro/vite' which should be import { nitro } from 'nitro-nightly/vite' to be aligned with suggested package.
Moreover, after including nitro in vite.config.js I get error:...Request Context's properties are null when defined in Server Entry Point
I am trying to follow Server Entry Point and i try to define request context there, as defined.
However in middleware for my Route i expect to get the values of context properties that i have set, but they are all
null.
```
// src/routes/server-entry-point.tsx...Cannot find package 'h3-v2'
I get this error with '@tanstack/nitro-v2-vite-plugin': ^1.132.40
```
Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'h3-v2' imported from /app/.output/server/node_modules/@tanstack/start-server-core/dist/esm/request-response.js
at Object.getPackageJSONURL (node:internal/modules/package_json_reader:316:9)...
Vitest tanstackStart() plugin conflict
If I include the tanstackStart() plugin in my vitest.config.ts along with the vitejs/plugin-react plugin I get the error TypeError: Cannot read properties of null (reading 'useState'). I've gotten around this by excluding the tanstackStart plugin from my vitest.config.ts and only including it in my vite.config.ts file but is this the recommended approach or am I missing something? Attached is an example test case, my vitest.config and package.json dependencies.
request.headers.get is not a function
After updating to stable V1, got this error on my server with docker node:24-alpine:
TypeError: request.headers.get is not a function
at getOrigin (file:///usr/server/node_modules/@tanstack/router-core/dist/esm/ssr/ssr-server.js:109:40)
... 8 lines matching cause stack trace ......
Flash of unstyled content (FOUC) issue
I've been trying to fix this FOUC unsuccesfully.
Vite config:
```typescript
export default defineConfig(() => ({...
Vercel build 404
If I include Nitro V2 plugin → Tailwind styles jerk on page refresh
If I remove Nitro → The build throws 404 Not Found when deployed
Basically, can’t have both working perfectly at the same time right now. I am using tanstack for only frontend ssr...
How to ignore test files in routes directory?
Tanstack Router is picking up my test files in the routes folder. I there any way to ignore them? No, I don't want to move them elsewhere.
...
Route file "/home/**/src/routes/index.test.tsx" does not contain any route piece. This is likely a mistake.
Route file "/home/**/src/routes/index.test.tsx" does not contain any route piece. This is likely a mistake.
Do you know any good practice courses to improve tanstack skills?
Or more real life examples with best practices?
No client assets in production
Hi all, I am new to TanStack, and I am using TanStack Start with SolidJS to build a web app. I am using TailwindCSS for styling, and in development, everything works as expected. However, the output from build does not work. I see a "server" and a "client" directory in "dist", so I run the file "dist/server/server.js" with bun. The app still works, but there is no styling. When I check the networks, all the client assets such as css files are not found. Could you show me how to run the build cor...
Unknown file extension ".css"
Hello,
I'm new to TanStack Start, so far everything is good and I love it!
I am doing a fun experimental project and got the following error:
```...
