TanStackT
TanStack•4mo ago
uncertain-scarlet

Index route not rendering or registering

Hey!
I have a nested route architecture which goes like this:
routes/
|-- (dashboard)/
|   |-- account/
|   |   `-- profile.tsx // Profile Page
|   |-- dashboard/
|   |   `-- (organization)/
|   |        `-- (team)/
|   |        `--      `-- (project)/
|   |        `--      `--      `-- route.tsx
|   |        `--      `--      `-- index.tsx // Dashboard page
|   |        `--      `--      `-- (settings)/
|   |        `--      `--      `-- `-- -index.tsx // Settings page


Now, whenever I go to /account/profile, or to /dashboard/settings/ it works properly and renders the respective routes.
However, when I go to /dashboard/ or /dashboard, it renders a blank page (instead of my 404 or error component), and doesn't render my dashboard page.

I can't seem to figure out why this is happening. I also can't move my dashboard page to be directly under dashboard/ because of the route.tsx layout...
In the future, I might wanna add more pages for organizations, teams or projects, and so this heirarchy seems necessary.

Is there any solution to this? 🙁
Was this page helpful?