🐛 fix: hotfix suspense boundary at using useSearchParams()

feedback-forest · Sep 29, 2024 · 61c56dd · 61c56dd
1 parent aa204a6
commit 61c56dd
Showing 1 changed file with 10 additions and 4 deletions.
diff --git 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>
   );
 };