fix: hydration error

depromeet · Nov 25, 2024 · c38462e · c38462e
1 parent 5d8c994
commit c38462e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/src/features/Main/sections/index.ts b/src/features/Main/sections/index.ts
@@ -5,4 +5,5 @@ export * from './MainReasonSection';
 export * from './MainRecruitSection';
 export * from './MainResultSection';
 export * from './MainScheduleSection';
+export * from './MainSubscribeSection';
 export * from './MainSupportSection';
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,15 +1,23 @@
+import dynamic from 'next/dynamic';
+
 import { SEO } from '~/components/SEO';
 import {
   MainBlogSection,
   MainIntroSection,
-  MainProjectSection,
   MainReasonSection,
   MainRecruitSection,
   MainResultSection,
   MainScheduleSection,
+  MainSubscribeSection,
   MainSupportSection,
 } from '~/features/Main/sections';
-import { MainSubscribeSection } from '~/features/Main/sections/MainSubscribeSection';
+
+const DynamicMainProjectSection = dynamic(
+  () => import('~/features/Main/sections').then(({ MainProjectSection }) => MainProjectSection),
+  {
+    ssr: false,
+  }
+);
 
 export default function Root() {
   return (
@@ -20,7 +28,7 @@ export default function Root() {
         <MainResultSection />
         <MainReasonSection />
         <MainScheduleSection />
-        <MainProjectSection />
+        <DynamicMainProjectSection />
         <MainSupportSection />
         <MainRecruitSection />
         <MainBlogSection />