In rootLoader, how to do according to permissions, jump to the first route with permissions?

[vaynevayne]

const rootLoader: NonIndexRouteObject['loader'] = async () => {
  console.log('rootLoader')

  const isLogin = !!Cookies.get('token')
  console.log('isLogin',isLogin);
  
  if (!isLogin) {
    return redirect('/login')
  }
   const res = await  useUserStore.getState().fetchUser()
return res.path,    //   return  '/school/a'    how to complete it ? 
}

const router = createBrowserRouter([
  {
    path: '/',
    Component: App, 
    id: 'root',
    ErrorBoundary: ErrorBoundary, 
    loader: rootLoader,
    children: [
  
      ...schoolRoutes,


   
    ],
  },
  {
    loader: loginLoader,
    path: '/login',
    element: (
      <Suspense fallback={<span>fallback...</span>}>
        <Login />
      </Suspense>
    ),
    ErrorBoundary: ErrorBoundary, 
  },
 
 
  {
    path: '/customize-theme',
    element: <CustomizeTheme />,
  },
  { path: '*', element: <Error404 /> },
])

[vaynevayne]

const router = createBrowserRouter([
  {
    path: '/',
    Component: App,
    id: 'root',
    ErrorBoundary: ErrorBoundary,
    loader: rootLoader,
    children: [
      {
        // Is it feasible to add a layer of child here without giving any path? Will it cause some mistakes?
        Component: () => {
          const user = useLoaderData();
          return <Navigate to={user.path} />;
        },
        children: [...schoolRoutes],
      },
    ],
  },
  {
    loader: loginLoader,
    path: '/login',
    element: Login,
    ErrorBoundary: ErrorBoundary,
  },

  { path: '*', element: <Error404 /> },
]);