PNSPS-frontend-MaterialUI/src/routes/PublicUserRoutes.js

import { lazy } from 'react';

// project import
import Loadable from 'components/Loadable';
// import MainLayout from 'layout/MainLayout';
const MainLayout = Loadable(lazy(() => import('layout/MainLayout')));

// render - dashboard
const DashboardDefault = Loadable(lazy(() => import('pages/publicDashboard')));
const ManageOrgUser = Loadable(lazy(() => import('pages/ManageOrgUserPage')));
const PublicNotice = Loadable(lazy(() => import('pages/PublicNotice')));

// ==============================|| MAIN ROUTING ||============================== //

const PublicDashboard = {
  path: '/',
  element: <MainLayout />,
  children: [
    {
      path: '/',
      element: <DashboardDefault />
    },
    {
      path: '/',
      children: [
        {
          path: 'dashboard',
          element: <DashboardDefault />
        },
        {
          path: 'setting/manageUser',
          element: <ManageOrgUser/>
        },
        {
          path: 'publicNotice',
          element: <PublicNotice/>
        }
      ]
    },
  ]
};

export default PublicDashboard;