diff --git a/apps/web/app/login/page.tsx b/apps/web/app/login/page.tsx
index 25368ed..e5218f2 100644
--- a/apps/web/app/login/page.tsx
+++ b/apps/web/app/login/page.tsx
@@ -1,15 +1,21 @@
 "use client";
 
-import Link from 'next/link';
+import { Suspense } from 'react';
 import { useSearchParams } from 'next/navigation';
 import NaverLoginButton from '@/components/naver-login-button/button';
 
 export default function LoginPage() {
-  const searchParams = useSearchParams();
-
   return (
     <div>
-      <NaverLoginButton prevUrl={decodeURIComponent(searchParams.get('prevUrl') ?? '')} />
+      <Suspense>
+        <LoginButton />
+      </Suspense>
     </div>
   );
 }
+
+function LoginButton() {
+  const searchParams = useSearchParams();
+
+  return <NaverLoginButton prevUrl={decodeURIComponent(searchParams.get('prevUrl') ?? '')} />;
+}