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

rising-crimson

7/17/2025

Automatic code splitting causing route files to import from my entry point (circular)

Hey, everyone! I'm running into a strange issue with automatic code splitting. Essentially, I have a SPA which has an entrypoint of lead-journey.js. My vite config is adding these imports to my index.html: ``` <script type="module" crossorigin src="/assets/lead-journey.js?v=17719289870"></script> <link rel="modulepreload" crossorigin href="/assets/utils-C-Suy_BF.js?v=17719289870">...

fascinating-indigo

7/16/2025

Typing the `location` in the `loader` function in `createFileRoute`.

Hi, I've searched all through the internet but I cannot find a solution. I currently have this Route declaration: ```tsx export const Route = createFileRoute('/configuration/locations/')({ validateSearch: rootSearchSchema,...

quickest-silver

7/15/2025

Specify the `component` dynamically, based on route context

hii i have a use case in which i need to decide what component to render after fetching the data for the route. how do you think it should be implemented? currently, i'm thinking on using a code-based splitting approach. something like...

solid-orange

7/14/2025

Generator not working with path params

I'm trying to make a path for /folder/$id but it throws this error Error: EPERM: operation not permitted, rename then if I restart it sets the path to /folder...

national-gold

7/12/2025

Updating router context after top level App re render?

Hi, I'm hitting a gnarly corner case with @tanstack/react-router, that may be indicative that I'm holding it wrong. Here's the high level: I'm querying user profile information once and storing it in a Context to avoid having to drill it throughout my whole application. For onboarding, I have a route that submits the requisite data to the onboarding endpoint, which sets the onboardingRequired flag to false in the backend. I'm hoping then to coordinate re-fetching the user profile (and triggering a re-render of the whole app, which is OK). The issue is that I have a pathless _login route that enforces users are logged in for all child routes. In _login's beforeLoad, I check for onboardingRequired and redirect to the onboarding route as required. However, after the onboarding form is submitted, the following actions are performed:...

harsh-harlequin

7/12/2025

Blocker function

Hello dear Tanstack community, I have a tanstack router application. I have a form in my detail page and different tabs in this detail page. Since different tab resets the form, I used useBlocker in which there is some unsaved changes. It works in between switching page but not rehresing page (F5 when on the page). I decided to consult in here to get some information whether I am on right track or not?...

xenial-black

7/12/2025

Google Chrome crashing when interacting with forms

I'm developing an application using React and Vite. I added the Tanstack Router. After that, every time I interact with a form element, such as an input or a submit event, my browser crashes and I can't interact anymore. This only happens in Google Chrome or browsers based on them, such as Arc Browser. For Firefox-based browsers, it works normally....

old-apricot

7/12/2025

Is there a way to `navigate` or go `back` when the next location matches the previous location?

Sometimes we want the next navigation to use back to clean up the history stack. The implementation we have is to track the last location with useLocation and intercept calls to navigate and use history.back instead but it requires: - interpolating the NavigateOptions like to, params, ... - tracking the last location with useLocation and an effect...

genetic-orange

7/12/2025

Code-splitting issue

I recently upgraded from 1.120.18 to 1.126.8. We had been stuck for a while on 1.120 because of the false positive "could not find match from" issue that got solved a few days ago (https://github.com/TanStack/router/pull/4610). But I noticed a big increase in the size of the main JS chunk after build. So far I have traced it down to somewhere between 1.121.2 (ok) and 1.121.12 (ko). Looking a little at which chunks remain, it looks like only the stuff we code-split manually (not through tanstack) is now emitted as a separate chunk, and everything else is in the main chunk. I'm attaching a visualization (done w/ rollup-plugin-visualizer) of the before and after. It's about a 5x increase in gzipped size....

conventional-tan

7/12/2025

[TanStack Router] SSR import error

Hey! I'm trying to implement SSR using the TanStack Router following this guide: https://tanstack.com/router/latest/docs/framework/react/guide/ssr However, I'm running into an import error right at the start: ...

unwilling-turquoise

7/11/2025

link preload in layout not reacting to url

attached a video, but i have this layout with some shared links it pulls down the link options partly from the url, so when you hit a new url, you get new options to send to the right settings page this all works fine functionally, but i noticed that only the settings page on the first page load is getting preloaded. subsequent client navs from group to group is getting a shared link preload...

genetic-orange

7/11/2025

Performance issue w/ `parsePathname` in `path.ts`

I tried to upgrade from 1.120.18 to 1.126.2. We had been stuck for a while on 1.120 because of the false positive "could not find match from" issue that got solved yesterday (https://github.com/TanStack/router/pull/4610). But in the CI for this upgrade, all our E2E were timing out. I tried it, it does feel very sluggish. It turns out that there seems to be a big performance regression in path.ts where the parsePathname function takes a lot of time (and is called a lot). Here's a performance trace from the chrome devtools on a staging build (not local dev, just to be sure I'm measuring something prod-like)....

fascinating-indigo

7/10/2025

set defaultViewTransition to false when search params are updating.

I'm doing a search feature, but when I trigger the navigate (with new search params so), there is always the view transition (so my input is doing opacity 0 to 1 on each key..). I tried this but doesn't work : ```ts...

optimistic-gold

7/10/2025

Clarification on behavior of `to=".."`

Not sure if this is mentioned in the docs, but just realized that for the to link option you can pass ".." , which I'm assuming means "one directory above" (in unix-y terms). Am I understanding that correctly? In this case, does that route get pushed to the history? i.e. similar to navigate({ to: '..' })

plain-purple

7/10/2025

having a bug when hosting Tanstack Start on a VPS

I’ve got a TanStack project running on an AWS Lightsail VPS. The site loads fine when navigating around normally. However, when I reload a page that uses a route loader with an external API endpoint (instead of createServerFn), I get this error: ```bash Unable to connect. Is the computer able to access the URL?...

probable-pink

7/10/2025

Duplicate Scripts loaded in Head

Raising a discord thread regarding: https://github.com/TanStack/router/issues/4585 When google SEO bot runs my website it is receiving 2 copies of the HEAD scripts. ...

graceful-blue

7/9/2025

Path param being transformed into invalid URL/URI part

Hello, Not sure if this is being caused by TanStack router but it is reproable by going to https://codesandbox.io/p/devbox/github/tanstack/router/tree/main/examples/react/start-basic?embed=1&theme=dark and going to either of these paths:...

magic-amber

7/9/2025

Defer viewTransition until component can render without suspending

I don't know if this is supposed to work like this, but I thought the point of view transitions was to hide the loading state? I tried: ```typescript...

fascinating-indigo

7/9/2025

Initial entries in browser history

Is it possible/feasible to allow initialEntries in the createBrowserHistory function params? Same thing that already exists in createMemoryHistory. My use case is that we rely on useCanGoBack to display back buttons inside of the application, but a page reload causes the router to lose its internal history stack. I was wondering if I could create my own history tracker stored in sessionStorage that would populate the initialEntries, but it's not supported as an option right now....

unwilling-turquoise

7/9/2025

breadcrumbs with `fullPath` type error

i have this component for breadcrumbs ```tsx function Breadcrumbs() { const breadcrumbs = useMatches().filter((match) => isMatch(match, "loaderData.crumb")).filter((match) => !!match.loaderData?.crumb); ...

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