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
Route preloading causing an infinite loop.
I'm running into an issue with route preloading causing an infinite loop.
I'm using tanstack start and have a server function fetchSessionUser() that's used in my root route's beforeLoad to get the current user from supabase.
When I hover over a <Link to="/teams/create" />, which is located in /_authed/dashboard (route: _authed/teams/create.tsx) , tanstack tries to preload the /teams/create route, and that seems to trigger the root beforeLoad (and therefore the fetchSessionUser() serverFn) repeatedly, leading to an infinite loop of requests like this in the terminal:
ServerFn Request: src_routes_authed_tsx--fetchSessionUser_createServerFn_handler...
TanStack Router node_modules error
Hi everyone, I've just migrated to TanStack Router from React Router and whilst the bulk of the migration went fine I'm having a weird issue with TanStack and typescript.
When running typescript check on my project, it picks up a load of issues in tans stack routers .d.ts files. (See attached files)
I don't have issues with any other packages so I can't understand how it would be my set up though obviously I can't rule it out....
validateSearch resets router context
Hi,
currently I'm trying to use the validateSearch to get search params inside my loader.
```...
how to utilize the router to navigate ?
hi, do i miss something about utilizing the router.navigate() ? i exported the router from the app.tsx file so i can navigate from anywhere in my app (useNavigate would force me to be in a hook or component, i sometime want to navigate from an action). my is duplicated from doing it the way i do :
```
import ReactDOM from 'react-dom/client'
import { RouterProvider, createRouter } from '@tanstack/react-router'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'...
Prevent useBlocker from showing alert on reload
im using useBlocker when i have a dialog open to make the back arrow instead going back in navigation closing the dialog, this works as expected but i dont want the alert on reload when the dialog its open, is there a way to prevent that but still make the back button close the dialog?
beforeLoad or loader for authentication redirection
Hey everyone, have a pretty simple issue. I am building a react app, and am using the router's authenticated routes + supabase for authentication. I've included a screenshot of my auth.tsx file, and my AuthContext provider.
When I navigate between routes, everything works fine. I can only go to protected routes when signed in. However, if I am signed in, and on a protected route, and then I fully reload the page, it brings me back to the login screen. It seems like the beforeLoad function doesn't have the values of the context provider in time on full-reload. However, if I switch the function in __auth.tsx to loader, it works every time, context.auth.isAuthenticated is true. Anybody know why this would be?...
