TanStack•11mo ago•

4 replies

full-green

Layout route

I have a route

/account

/account

that has two children so

/account/settings

/account/settings

and

/account/edit

/account/edit

.
I'm using file based routing:

routes/
├── account/
│   ├── route.tsx
│   ├── settings.tsx
│   ├── edit.tsx

routes/
├── account/
│   ├── route.tsx
│   ├── settings.tsx
│   ├── edit.tsx

What I want is the route

/account

/account

to not be reachable but only child routes and keep

account

account

in the url.
I tried to redirect to

/account/settings

/account/settings

in the

route.tsx

route.tsx

file in a

loader

loader

beforeLoad

beforeLoad

but it gives me an error of too many redirects so I ended up with this solution so if user want to access

/account

/account

the notFound component is rendered

routes/
├── _account/
│   ├── route.tsx
│   ├── account/
│      ├── settings.tsx
│      ├── edit.tsx

routes/
├── _account/
│   ├── route.tsx
│   ├── account/
│      ├── settings.tsx
│      ├── edit.tsx

Not sure that this is the right way, maybe someone could give me some advice here ?
thanks