Using <Navigate to={} /> with Layout routes?

declare module '@tanstack/react-router' {
  interface FileRoutesByPath {
    '/': {
      preLoaderRoute: typeof IndexImport
      parentRoute: typeof rootRoute
    }
    '/$': {
      preLoaderRoute: typeof SplatImport
      parentRoute: typeof rootRoute
    }
    '/_home': {
      preLoaderRoute: typeof HomeImport
      parentRoute: typeof rootRoute
    }
    '/other': {
      preLoaderRoute: typeof ScanImport
      parentRoute: typeof rootRoute
    }
    '/_home/b': {
      preLoaderRoute: typeof HomeBImport
      parentRoute: typeof HomeImport
    }
    '/_home/a': {
      preLoaderRoute: typeof HomeAImport
      parentRoute: typeof HomeImport
    }
    '/_home/c': {
      preLoaderRoute: typeof HomeCImport
      parentRoute: typeof HomeImport
    }
  }
}


export const routeTree = rootRoute.addChildren([
  IndexRoute,
  SplatRoute,
  HomeRoute.addChildren([
    HomeARoute,
    HomeBRoute,
    HomeCRoute,
  ]),
  OtherRoute,
])

export const BASE_PATH = '/base';

export const HOME_PATH = '/_home';

export const A_PATH = `${HOME_PATH}/a`;

export const B_PATH = `${HOME_PATH}/b`;

export const C_PATH = `${HOME_PATH}/c`;

export type HomeRoute = typeof A_PATH | typeof B_PATH | typeof C_PATH

export const OTHER_PATH= '/other';

"" | "/" | "/$" | "/other" | "$" | "/b" | "b" | "/a" | "a" | "/c" | "c" | "other" | "./" | "../" | undefined