46 questions
0
votes
1
answer
46
views
Zod v4 parse path params always string?
I'm using @tanstack/zod-adapter for parsing path params:
export const Route = createFileRoute(
"/route/$one/$two/$three",
)({
params: zodValidator(
z.object({
one: z.number(),
...
- 1
0
votes
0
answers
86
views
React application : Dynamic runtime plugin import + filebased tanstack routing
I'm currently implementing a plugin system in my application using single-spa and file-based tanstack routing.
One of this issue I'm facing is that I need to share routing context between my app and ...
- 335
-1
votes
1
answer
73
views
Dynamic segments in routes
Let we have directory structure:
-> routes
--> $a.$b.$c.tsx
--> a.$b.$c.tsx
--> a.b.$c.tsx
is this valid file based routes configuration?
Compiler say that is not, because tanstack-...
- 694
5
votes
0
answers
312
views
How to exclude specific routes from parent layout component in TanStack Router?
Problem
I have a route structure where I want most authenticated routes to use a shared _authenticated layout, but I need the settings page to use its own custom layout instead of inheriting the ...
1
vote
1
answer
384
views
Configure kebab-case in biome for tanstack router's dynamic routes
I am trying to use tanstack router in my react+python monorepo where I have replaced eslint and prettier with biome and react router with tanstack router. I know realized since tanstack router offers ...
- 857
0
votes
0
answers
308
views
Vite + TanstackRouter + SSR
How to Properly Hydrate a TanStack Router + Vite SSR App Without Using TanStack Start?
I'm trying to implement server-side rendering (SSR) in a TanStack Router + Vite React project without using ...
3
votes
1
answer
2k
views
React Tanstack Start/Router: Where do I put providers?
I created a new app using this starter code from Tanstack Start/Router, and I'm unsure how to put in React Providers. There is no ReactDOM.render call anywhere that the App component is rendered, and ...
- 4,086
1
vote
1
answer
850
views
Is there a way to define a base path that works with all subdirectories?
I'm using React with Vite and Tanstack Router. To make use of relative paths I added this to the Vite config
base: "./",
I was told the app was deployed on a Apache server under /company/the-...
- 1,039
0
votes
0
answers
242
views
Tanstack-start module federation import error
Try to use @originjs/vite-plugin-federation in tanstack-start application, but it throw an error while importing remote component like "Error in renderToPipeableStream: Error [...
0
votes
1
answer
2k
views
Is there a way to construct a route path as string in Tanstack Router?
Question
I'm using Tanstack Router and Tanstack Start and I'm wondering if there's a way to do something like:
const path = buildPath({ to: "/$lang/posts/$id", params: { lang, id }});
so ...
- 76.6k
1
vote
1
answer
67
views
How to use the common Route type?
import type {Route} from "@tanstack/react-router";
import {Route as MeRoute} from '@/app/(start)/me/index.tsx'
import {Route as MessageRoute} from '@/app/(start)/message/index.tsx'
...
- 1,212
1
vote
0
answers
242
views
TanStack router with react - deferred loading
I'm using tanstack with a react app and am testing the Await component with a promise. I'm following the guide here: https://tanstack.com/router/v1/docs/framework/react/guide/deferred-data-loading
...
- 11.5k
2
votes
0
answers
486
views
TanStack Router's notFoundComponent not showing when manually throwing notFound()
I have the following route setup for the main page of my website:
export const Route = createFileRoute("/")({
component: HomePage,
beforeLoad: async () => {
try {
const ...
- 211
1
vote
0
answers
1k
views
Creating Auth management with vite, zustand, tanstack router and tanstack query. Is the implementation correct?
Alright so the goal I had was to create an auth layer that would manage the state and protected routes globally for my vite project. I am using jwt tokens and I want to create a smooth and optimized ...
0
votes
1
answer
59
views
Why is Router.useSearch() Returning an Incorrect Google ID After Passport.js Authentication in TanStack Router?
I am encountering an issue while trying to retrieve the Google ID using Router.useSearch() with TanStack Router. After Google authentication via Passport.js, I am passing the email and Google ID using ...
- 498