fix(auth): add suspense for client components (#129)

kgu-clab · May 12, 2024 · cd3bc95 · cd3bc95
1 parent 8945c9c
commit cd3bc95
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/apps/auth/app/page.tsx b/apps/auth/app/page.tsx
@@ -1,3 +1,5 @@
+import { Suspense } from 'react';
+
 import LoginForm from '@components/LoginForm/LoginForm';
 import ServiceInformation from '@components/ServiceInformation/ServiceInformation';
 import Footer from '@components/common/Footer/Footer';
@@ -19,9 +21,13 @@ export default function Home() {
             priority
           />
           <h1 className="text-2xl font-semibold">로그인</h1>
-          <ServiceInformation />
+          <Suspense>
+            <ServiceInformation />
+          </Suspense>
         </div>
-        <LoginForm />
+        <Suspense>
+          <LoginForm />
+        </Suspense>
         <HelpDesk />
       </div>
       <Footer />