From 2954ecac5a261c5e9b6f2efc61a0498cfc4529b9 Mon Sep 17 00:00:00 2001
From: eunhak <akfmzh1207@naver.com>
Date: Wed, 3 Jul 2024 00:53:39 +0900
Subject: [PATCH] refactoring: dynamic import
---
src/components/home/MainPageIndex.tsx | 8 +++++---
1 file changed, 5 insertions(+), 3 deletions(-)
diff --git a/src/components/home/MainPageIndex.tsx b/src/components/home/MainPageIndex.tsx
index 8b583a3..d08e07a 100644
--- a/src/components/home/MainPageIndex.tsx
+++ b/src/components/home/MainPageIndex.tsx
@@ -1,4 +1,5 @@
'use client';
+import dynamic from 'next/dynamic';
import React from 'react';
import BgPurpleLayout from './BgPurpleLayout';
import MainHeader from './MainHeader';
@@ -7,10 +8,11 @@ import OfficeNotice from './OfficeNotice';
import UserInfo from './UserInfo';
import OfficeInfo from './OfficeInfo';
import WeekSchedule from './weekSchedule/WeekSchedule';
-import AvailableRoom from './AvailableRoom';
+// import AvailableRoom from './AvailableRoom';
import { useReservationStore } from '@/store/reservationModal.store';
-import OfficeDeleteModal from './officeInfo/OfficeDeleteModal';
-
+// import OfficeDeleteModal from './officeInfo/OfficeDeleteModal';
+const OfficeDeleteModal = dynamic(() => import('./officeInfo/OfficeDeleteModal'));
+const AvailableRoom = dynamic(() => import('./AvailableRoom'));
const MainPageIndex = () => {
const { deleteOpen, deleteDeskId } = useReservationStore();
return (