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)
1 Reply
foreign-sapphire•3mo 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