-
-
Notifications
You must be signed in to change notification settings - Fork 1.5k
Closed
Description
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.
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
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