diff --git a/src/app/login/callback/page.tsx b/src/app/login/callback/page.tsx
index b1f1049..9668fa4 100755
--- a/src/app/login/callback/page.tsx
+++ b/src/app/login/callback/page.tsx
@@ -9,7 +9,7 @@ import { useEffect } from "react";
 import useGetLoginUserInfo from "@/features/login/api/useGetLoginUserInfo";
 import usePostKakaoCode from "@/features/login/api/usePostKakaoCode";
 
-const LoginCallbackPage = () => {
+const LoginCallback = () => {
   const router = useRouter();
   const searchParams = useSearchParams();
   const code = searchParams.get("code");
@@ -46,11 +46,17 @@ const LoginCallbackPage = () => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [code]);
 
+  return (
+    <div className="flex w-full h-screen justify-center items-center">
+      <ScaleLoader color="#4F118C" />
+    </div>
+  );
+};
+
+const LoginCallbackPage = () => {
   return (
     <Suspense>
-      <div className="flex w-full h-screen justify-center items-center">
-        <ScaleLoader color="#4F118C" />
-      </div>
+      <LoginCallback />
     </Suspense>
   );
 };