Redirect from root (no auth), workaround for index route in react-router

[igortas]

Hi,
I have this structure:

  - / (have outlet)
  - workspaces (folder, have outlet)
     - $workspaceId.route.tsx (should be injected as index route into workspaces outlet)
     - other-route.route.tsx (should be injected into workspaces outlet, when user navigates to /workspaces/other-route)

Migrating from react-router, I had structure like:

<Route path='/' element={<>root </>}>
  <Route path='workspaces' element={<>workspaces</>}>
    <Route index element={<Navigate to={`workspaces/${workspaceId}`} />} />
    <Route element={<>some component</>} />

As u can see, when user navigates to root url, react-router, goes to workspaces/:workspaceId and injects the index page.

How I can achieve the same thing in tanstack-router?

I'm trying like this, even redirects, $workspaceId.router.tsx is never rendered (even as tried as lazy, only root):

__root.tsx

const isRoot = useMatch({ from: rootRouteId });
           <Box>
              {isRoot ? (
                <Navigate
                  to='/workspaces/$workspaceId'
                  params={{ workspaceId }}
                />
              ) : (
                <Outlet />
              )}