Nested layouts work in flat but not directory based syntax

so i have routes like this that work fine:

src/
├── routes/
    ├── _auth-layout/
        ├── index.tsx
        ├── settings.organization.tsx
        ├── settings.panels.tsx
        ├── settings.tsx
    ├── __root.tsx
    ├── _auth-layout.tsx

src/
├── routes/
    ├── _auth-layout/
        ├── index.tsx
        ├── settings.organization.tsx
        ├── settings.panels.tsx
        ├── settings.tsx
    ├── __root.tsx
    ├── _auth-layout.tsx

but if I try and do it in a directory based style it breaks -- specifically the outlet on the tabs doesn't render the child routes

src/
├── routes/
    ├── _auth-layout/
        ├── settings/
            ├── organization.tsx
            ├── panels.tsx
            ├── index.tsx
        ├── index.tsx
    ├── __root.tsx
    ├── _auth-layout.tsx

src/
├── routes/
    ├── _auth-layout/
        ├── settings/
            ├── organization.tsx
            ├── panels.tsx
            ├── index.tsx
        ├── index.tsx
    ├── __root.tsx
    ├── _auth-layout.tsx

TanStack•15mo ago•

6 replies

ill-bronze

Nested layouts work in flat but not directory based syntax

so i have routes like this that work fine:

src/
├── routes/
    ├── _auth-layout/
        ├── index.tsx
        ├── settings.organization.tsx
        ├── settings.panels.tsx
        ├── settings.tsx
    ├── __root.tsx
    ├── _auth-layout.tsx

src/
├── routes/
    ├── _auth-layout/
        ├── index.tsx
        ├── settings.organization.tsx
        ├── settings.panels.tsx
        ├── settings.tsx
    ├── __root.tsx
    ├── _auth-layout.tsx

but if I try and do it in a directory based style it breaks -- specifically the outlet on the tabs doesn't render the child routes

src/
├── routes/
    ├── _auth-layout/
        ├── settings/
            ├── organization.tsx
            ├── panels.tsx
            ├── index.tsx
        ├── index.tsx
    ├── __root.tsx
    ├── _auth-layout.tsx

src/
├── routes/
    ├── _auth-layout/
        ├── settings/
            ├── organization.tsx
            ├── panels.tsx
            ├── index.tsx
        ├── index.tsx
    ├── __root.tsx
    ├── _auth-layout.tsx

Nested layouts work in flat but not directory based syntax

Similar Threads

Nested layouts work in flat but not directory based syntax

Similar Threads

Similar Threads

Similar Threads