react route data component, lazy

lazyPagesData.tsx

import { lazy, Suspense } from ‘react’;
import { routerType } from "../types/router.types";

const About = lazy(() => import('./About'));
const Home = lazy(() => import('./Home'));

const lazyPagesData: routerType[] = [
  {
    path: "",
    element: <Home />,
    title: "home"
  },
  {
    path: "about",
    element: <About />,
    title: "about"
  }
];

export default lazyPagesData;