Migrate browserr outer to tanstack router

[igortas]

Hi,

I like to swich to tanstack router, but I have problem with the differences how RR7 and Tanstack Router works. I've asked this question on discord, but no answer really help me.

I like to adapt this RR6 structure:

const workspaceId = useWorkspaceStore(state => state.selectedWorkspace._id);

   <Route path='/' element={<HomeLayout />}>
         <Route path='workspaces' element={<WorkspacesLayout />}>
           <Route index element={<Navigate to={`${workspaceId}`} />} />
           <Route path=':workspaceId' element={<WorkspaceExplorer />} />

RR6 renders routes cascade, so both layouts are rendered, before the Index route is rendered last. <Navigate to /> doing redirect.

I'ved tried redirecting to /workspaces/$workspaceId from the _root.tsx, and even works, I have problem after, when I'm opening similar route in new tab, which redirecting me back to /workspaces/$workspaceId/.

How I can write tanstack routes, so it can cascade render two layouts and navigate to the last route?