T
TanStack3w ago
conscious-sapphire

Is it possible to render a route within a routes <Outlet />?

I have an inbox component, on the left side i have a list of notifications wich is inside a layout. And then on the right side there is a <Outlet /> component. Clicking on one of the notifications should ideally take me to a /issue/id page - but instead of doing that, can i instead render that /issue/id page on the right side of my layout where the <Outlet/> component is? Thanks for help. The picture shows the route /inbox So if the question is possible, maybe the user will end up at /inbox/issue/id - which will be the same as /issue/id (just without the left side)
No description
1 Reply
ambitious-aqua
ambitious-aqua3w ago
you can have - a inbox.route.tsx that contains the sidebar, and the outlet on the right - a inbox.index.tsx that is the actual /inbox page (that renders in place of the outlet - a inbox.issue.$id.tsx that renders the issue depending on the id param inbox.route.tsx makes it a parent of all subroutes of inbox

Did you find this page helpful?