Skip to content

Index in dynamic grouped layout does not render #5486

@xKesvaL

Description

@xKesvaL

Which project does this relate to?

Router

Describe the bug

The index.tsx never renders in my dynamic grouped layout.

See the provided route tree in the image. In that case, the index.tsx never renders.

Image

Here's my route.tsx:

import { createFileRoute, Outlet } from "@tanstack/react-router";
import { OrganizationNav } from "@/components/layout/organization-nav";

export const Route = createFileRoute("/_authed/$organizationSlug/(orglayout)")({
  component: RouteComponent,
});

function RouteComponent() {
  return (
    <>
      <OrganizationNav />
      <Outlet />
    </>
  );
}

It properly includes the outlet, and the /~/integrations route renders properly. But not the index.tsx, can someone tell me why this happens, is this intended and how should I get around this if it's not a bug?

Your Example Website or App

https://stackblitz.com/edit/github-3jdwo6hv?file=src%2Froutes%2F_authed%2F%24organizationSlug%2F(orglayout)%2Ftest.tsx

Steps to Reproduce the Bug or Issue

If you go to something like /aaa you should see nothing which is incorrect since you should see what's inside index.tsx (should show « Hello "/_authed/$organizationSlug/(orglayout)/"! », from the index.tsx) and then go to /aaa/test you will then see the test.tsx page which is correct

Expected behavior

Index page should render

Screenshots or Videos

No response

Platform

  • Router / Start Version: 1.132.47
  • OS: Windows
  • Browser: Chrome & Firefox
  • Browser Version: Does not matter
  • Bundler: Vite
  • Bundler Version: 7.1.7

Additional context

No response

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions