How to implement React Lazy routing function. Component: lazy(() => import('@/pages/Home/system'))

[j787701730]

react code

const menus: RouteObject[] = [
  {
    // path: '/',
    Component: AppLayout,
    children: [
      { path: '/', element: <Navigate to={'/home/system'} /> },
      { path: '/home', element: <Navigate to={'/home/system'} /> },
      { path: '/home/system', Component: lazy(() => import('@/pages/Home/system')) },
    ],
  },
]