TanStack•14mo ago•

2 replies

slow-yellow

Two base-paths with each their own layout and outlets

Hey man, really trying to grasp what concept I am not getting here. I have the following file based routing structure:

routes
 - _root.tsx
 - index.tsx
 - _main.example.tsx
 | App
    -- index.tsx
    -- dashboard.tsx

routes
 - _root.tsx
 - index.tsx
 - _main.example.tsx
 | App
    -- index.tsx
    -- dashboard.tsx

My goal is to have the base route

render one layout, and all children under that in the index.tsx ->

<Outlet />

<Outlet />

. If I go to the route/folder

App

App

I want a new layout, so

app/index.tsx

app/index.tsx

and all routes under that to be rendered in that files

<Outlet />

<Outlet />

, e.g

app/dashboard ==> app/dashboard.tsx

app/dashboard ==> app/dashboard.tsx

rendered through outlet of

app/index.tsx

app/index.tsx

.

Currently all my root routes works, so anything at

and then

_main.whatever.tsx

_main.whatever.tsx

is correctly rendered through the outlet of

routes/index.tsx

routes/index.tsx

. If I go to

app/index.tsx

app/index.tsx

it renderes correctly, and I can also go to

app/subroute

app/subroute

but

subroute

subroute

is not rendered through

app/index.tsx

app/index.tsx

<Outelet />

<Outelet />

.

I'm sure I'm doing something wrong, because it seems quite a trivial thing, but the documentation for some reason is not really able to enlighten me. Basically I just want to paths with each their own base layout.

TanStack•14mo ago•

2 replies

slow-yellow

Two base-paths with each their own layout and outlets

Hey man, really trying to grasp what concept I am not getting here. I have the following file based routing structure:

routes
 - _root.tsx
 - index.tsx
 - _main.example.tsx
 | App
    -- index.tsx
    -- dashboard.tsx

routes
 - _root.tsx
 - index.tsx
 - _main.example.tsx
 | App
    -- index.tsx
    -- dashboard.tsx

My goal is to have the base route

render one layout, and all children under that in the index.tsx ->

<Outlet />

<Outlet />

. If I go to the route/folder

App

App

I want a new layout, so

app/index.tsx

app/index.tsx

and all routes under that to be rendered in that files

<Outlet />

<Outlet />

, e.g

app/dashboard ==> app/dashboard.tsx

app/dashboard ==> app/dashboard.tsx

rendered through outlet of

app/index.tsx

app/index.tsx

.

Currently all my root routes works, so anything at

and then

_main.whatever.tsx

_main.whatever.tsx

is correctly rendered through the outlet of

routes/index.tsx

routes/index.tsx

. If I go to

app/index.tsx

app/index.tsx

it renderes correctly, and I can also go to

app/subroute

app/subroute

but

subroute

subroute

is not rendered through

app/index.tsx

app/index.tsx

<Outelet />

<Outelet />

Two base-paths with each their own layout and outlets

Similar Threads

Two base-paths with each their own layout and outlets

Similar Threads

Similar Threads

Similar Threads