TanStackT
TanStack•13mo 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


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
Was this page helpful?