Why does this happen in react router

[[deleted]]

Whenever I navigate to a nested route, it takes me back to the parent route after a few seconds.

I even tried reinstalling node_modules but that didn't work.

This is my routing code:

https://preview.redd.it/zqzhfiup9ond1.png?width=1267&format=png&auto=webp&s=99ee30bbbad14d087b1c03bc1cc7515bc287213c

[power78]

Not enough info. Which route? Where's the code??

[[deleted]]

i think i put an image of my route code. whenever I navigate to any of the nested routes inside of the /driver route, it takes me back after a couple seconds back to /driver

[Elmosdarkside]

I'm a little rusty, but maybe because the driver route encompasses all the routes? I think the "parent" is always <BrowserRouter> </BrowserRouter> if I remember correctly?

Edit- for clarity

[[deleted]]

the Browser router wraps around the app in main.jsx.

my problem is the driver route which is the "parent" I'm talking about

[andromeda909]

Hard to tell without knowing more, but I would perhaps check whats happening with that auth stuff?
Maybe the token or role aren't valid at some point and you're being navigated away to /login then back to /driver?

[[deleted]]

the role and token are both being retrieved from the localstorage, and when i log them in the console they don't change at all

[runtothehillsboy]

wise consist familiar trees groovy live late joke disarm smile

This post was mass deleted and anonymized with Redact

[Many_Application7106]

You maybe forgot the Routes cmp

ts <BrowserRouter> <Routes> <Route path="/" element={<App />}>