I tried to lazy and suspense in my routes.js page.

import { Navigate, useRoutes } from 'react-router-dom';
import { lazy,Suspense } from 'react';

export default function Router() {
  <Suspense fallback={<DashboardAppPage/>}>
  const routes = useRoutes([
    {
      path: 'login',
      element: <LoginPage />},
    {
      path: '/dashboard',
      element: <DashboardLayout />,
      children: [
        { element: <Navigate to="/dashboard/app" />, index: true },
   
      ],
    },
   
    
    {
      element: <SimpleLayout />,
      children: [
        { element: <Navigate to="/login" />, index: true },
        { path: '404', element: <Page404 /> },
        { path: '*', element: <Navigate to="/404" /> },
      ],
    },
    {
      path: '*',
      element: <Navigate to="/404" replace />,
    },
  ]);
  </Suspense>

  return routes;
}

In the code the “Suspense tag is not working.

Parse errors in imported module ‘./routes’: Unexpected token, expected “}” (37:10) (37:10)