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

fascinating-indigo
fascinating-indigo11/11/2024

Declarative expected behavior or issue

Hello, I have the following case: - posts route has search params - use route masking for post details route to hide the search params - search params are persisted when navigating back from post details to posts ...
exotic-emerald
exotic-emerald11/11/2024

Converting a custom Link component to use createLink after moving to a monorepo structure

Hello 🙂 I am hoping for some advice as I am in over my head and have become stuck on this: I am converting to a monorepo structure, and I have started encountering TS issues related to it, where I had no issue before....
rising-crimson
rising-crimson11/10/2024

Link isActive on parent component

I need to pass isActive to the parent component of a Link. It is described here how to do it for a child component: https://tanstack.com/router/latest/docs/framework/react/guide/navigation#passing-isactive-to-children But I can't seem to figure out how I could check if the link is active at the parent component. Any help greatly appreciated!...
conscious-sapphire
conscious-sapphire11/10/2024

how can I match a route with same component and not rerender?

I want to render my /login and /register pages with the same component. the router should render the same component but only change disabled properties on input fields and toggle this className on an overlay div. simple recreation: ```tsx...
inland-turquoise
inland-turquoise11/9/2024

Netlify forms does not work with tanstack start

I have a netlify form: https://surfeb.netlify.app/ When I submit it, i get a 404. I think this is a tanstack problem but I am not able to debug it. Does anyone have an idea?...
harsh-harlequin
harsh-harlequin11/9/2024

Replace history for entire sub path

There's a portion of our application that we don't want to put into browser history. /dashboard/editor/** Is there anyway to disable it at the route level so that we don't have to call replace:true on every navigate/Link?...
stormy-gold
stormy-gold11/8/2024

How do I turn off console logs for server functions?

Is there a setting somewhere in app.config.ts? I couldn't find anything in the documentation
inland-turquoise
inland-turquoise11/7/2024

Prerendering in react

I found this link but i am not sure where to put this app.config.js file. Moreever this file is not documented anywhere else in the docs
broad-brown
broad-brown11/7/2024

Processing accumulated route context to generate breadcrumbs

Tried following this example: https://tanstack.com/router/latest/docs/framework/react/guide/router-context#processing-accumulated-route-context But I am getting a: Property 'getTitle' does not exist on type 'AnyContext'. when I try to use the breadcrumbs example. Why's that?...
flat-fuchsia
flat-fuchsia11/6/2024

Not able to get nesting in the route tree using file based directory routes [Codesandbox provided]

CSB - https://codesandbox.io/p/devbox/broken-leaf-6hnvrq NOTE: This deployment is kind of slow so please be patient. Our API routes aren't super secure right now so I've created a temporary deployment of our backend to avoid any attacks on the prod and this deployment is running on some free tier compute so it is very slow. Even on login it takes a couple of seconds and we haven't put loading state on the login button 🤦‍♂️ creds: admin - pranjalakg.crf2p@gmail.com student - csheanon1023@gmail.com...
No description
ambitious-aqua
ambitious-aqua11/6/2024

ENOENT from `npm create @tanstack/router@latest`

Running npm create @tanstack/router@latest I get the following error Error: ENOENT: no such file or directory, copyfile '/home/jdubs/.npm/_npx/cb95eaa94bb67c03/node_modules/@tanstack/create-router/templates/ide/vscode/_dot_vscode/settings.json' -> '/home/jdubs/development/playground/tanstack/my-router-app/.vscode/settings.json'
typical-coral
typical-coral11/5/2024

How to open a dialog from a child Outlet route?

I have a dialog in a parent component. I want my outlet routes to be able to open that dialog but can't find a way to pass the openDialog function the child route since outlet doesnt accept props. `const openDeleteDialog = (type: string, itemId: number) => { setDeleteDialogOpen(true); setItemToDelete(itemId);...
fair-rose
fair-rose11/5/2024

How to add layout to dynamic route?

How can i add layout to dynamic route $projectId? As I added it in settings page.
No description
other-emerald
other-emerald11/5/2024

layout route component get all child routes and context

Is it possible to create this structure ``` settings/ route.tsx account.tsx...
fascinating-indigo
fascinating-indigo11/5/2024

notFoundComponent bubbles up regardless, why?

I've tried specifying defaultNotFoundComponent in the router, and also instead defining notFoundComponent in _root.tsx. When I throw notFound()inside a sub-route's beforeLoad, it bubbles up, instead of rendering that sub-route's notFoundComponent, why?
like-gold
like-gold11/5/2024

Router setup

I have a page with route /dashboard whose layout[ wrapper ] is defined, i want to create a page with route dashboard/type/1 but this page should not have the dashboards layout as wrapper.
xenophobic-harlequin
xenophobic-harlequin11/5/2024

Roadmap for Start

I'm interested in the early work of Start and am wondering if there is a rough and tentative roadmap for the framework. I was looking at the GitHub discussions and didn't have any luck finding one there. Are things still mostly internal to the TanStack team or did I just look in the wrong places?
optimistic-gold
optimistic-gold11/4/2024

Link causing refresh of page

When would using and clicking the <Link /> cause a page to refresh?
typical-coral
typical-coral11/2/2024

useSearch on a dynamic hook

Hi everyone I'm trying to build a dynamic hook to handle the things for the tanstack table, like: - pagination - filters - etc...