🐛 bug : 로그인 시도중 ...

src/apis/queries.ts

@@ -56,5 +56,5 @@ export const usePoseFeedQuery = (
 export const useFilterTagQuery = (options?: UseQueryOptions<FilterTagsResponse>) =>
   useSuspenseQuery<FilterTagsResponse>(['filterTag'], getFilterTag, { ...options });
 
-export const useRegisterQuery = (code: string) =>
-  useSuspenseQuery<RegisterResponse>(['register'], () => getRegister(code), {});
+// export const useRegisterQuery = (code: string) =>
+//   useQuery<RegisterResponse>(['register'], () => getRegister(code));

src/app/(Main)/mypose/components/LoginModal.tsx

@@ -8,7 +8,7 @@ interface LoginModalProps {
 }
 
 export default function LoginModal({ onClose }: LoginModalProps) {
-  const link = `https://kauth.kakao.com/oauth/authorize?client_id=${KAKAO_SERVER_KEY}&redirect_uri=${BASE_SITE_URL}/api/users/login/oauth/kakao&response_type=code`;
+  const link = `https://kauth.kakao.com/oauth/authorize?client_id=${KAKAO_SERVER_KEY}&redirect_uri=${BASE_SITE_URL}/auth&response_type=code`;
 
   const handleLogin = () => {
     window.location.href = link;

src/app/(Sub)/api/users/login/oauth/kakao/page.tsx

@@ -1,25 +1,25 @@
-import { QueryAsyncBoundary } from '@suspensive/react-query';
+// import { QueryAsyncBoundary } from '@suspensive/react-query';
 
-import LoginSection from './components/LoginSection';
-import { getRegister } from '@/apis';
-import { RejectedFallback } from '@/components/ErrorBoundary';
-import { Loading } from '@/components/Loading';
-import { HydrationProvider } from '@/components/Provider/HydrationProvider';
+// import LoginSection from './components/LoginSection';
+// import { getRegister } from '@/apis';
+// import { RejectedFallback } from '@/components/ErrorBoundary';
+// import { Loading } from '@/components/Loading';
+// import { HydrationProvider } from '@/components/Provider/HydrationProvider';
 
-interface PageProps {
-  searchParams: {
-    code: string;
-  };
-}
+// interface PageProps {
+//   searchParams: {
+//     code: string;
+//   };
+// }
 
-export default function Page({ searchParams }: PageProps) {
-  const { code } = searchParams;
+// export default function Page({ searchParams }: PageProps) {
+//   const { code } = searchParams;
 
-  return (
-    <QueryAsyncBoundary rejectedFallback={RejectedFallback} pendingFallback={<Loading />}>
-      <HydrationProvider queryKey={['register']} queryFn={() => getRegister(code)}>
-        <LoginSection code={code} />
-      </HydrationProvider>
-    </QueryAsyncBoundary>
-  );
-}
+//   return (
+//     <QueryAsyncBoundary rejectedFallback={RejectedFallback} pendingFallback={<Loading />}>
+//       <HydrationProvider queryKey={['register']} queryFn={() => getRegister(code)}>
+//         <LoginSection code={code} />
+//       </HydrationProvider>
+//     </QueryAsyncBoundary>
+//   );
+// }

src/app/auth/page.tsx

@@ -0,0 +1,19 @@
+'use client';
+
+import { useEffect } from 'react';
+
+import { getRegister } from '@/apis';
+
+interface PageProps {
+  searchParams: {
+    code: string;
+  };
+}
+
+export default function Page({ searchParams }: PageProps) {
+  //   useEffect(() => {
+  //     getRegister(searchParams.code);
+  //   });
+
+  return <>Loading...</>;
+}