From 09fbb6dd1b929a040a6ed0d11ba5d0594f88715d Mon Sep 17 00:00:00 2001
From: HiImConan <mindol0320@naver.com>
Date: Wed, 29 Nov 2023 06:28:51 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20lazy=20loading=EC=9C=BC=EB=A1=9C=20?=
 =?UTF-8?q?=ED=94=84=EB=A6=AC=EB=A0=8C=EB=8D=94=EB=A7=81=20=EB=B9=8C?=
 =?UTF-8?q?=EB=93=9C=20=EC=97=90=EB=9F=AC=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=EB=93=A4=20SSR=20=EB=B6=88=ED=97=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/admin/league/page.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/app/admin/league/page.tsx b/src/app/admin/league/page.tsx
index cf37d21..01ca8cf 100644
--- a/src/app/admin/league/page.tsx
+++ b/src/app/admin/league/page.tsx
@@ -1,11 +1,18 @@
 'use client';
 
+import dynamic from 'next/dynamic';
 import Link from 'next/link';
 import { Suspense } from 'react';
 
-import LeagueList from '@/components/admin/league/LeagueList';
 import Button from '@/components/common/Button';
-import LeagueListFetcher from '@/queries/admin/useLeagueList/Fetcher';
+
+const LeagueListFetcher = dynamic(
+  () => import('@/queries/admin/useLeagueList/Fetcher'),
+  { ssr: false },
+);
+const LeagueList = dynamic(
+  () => import('@/components/admin/league/LeagueList'),
+);
 
 export default function LeaguePage() {
   return (