Merge pull request #128 from kakao-tech-campus-2nd-step3/fix-login-error

Fix: window location으로 리다이렉트

src/pages/LoginPage/KakaoLoginButton/index.tsx

@@ -1,28 +1,29 @@
-import { Link } from 'react-router-dom'
-
 import { Flex, Image, Text } from '@chakra-ui/react'
 
 import KakaoSymbol from '@/assets/kakao-logo-symbol.svg'
 
 export const KakaoLoginButton = () => {
   const redirectURL = import.meta.env.DEV ? import.meta.env.VITE_LOGIN_URL : ''
 
+  const handleLogin = () => {
+    window.location.href = `${redirectURL}/api/user/login`
+  }
+
   return (
-    <Link to={`${redirectURL}/api/user/login`}>
-      <Flex
-        background="kakao"
-        rounded="6px"
-        justifyContent="center"
-        alignItems="center"
-        height={10}
-        gap={3}
-        _hover={{ cursor: 'pointer' }}
-      >
-        <Image src={KakaoSymbol} width={5} />
-        <Text fontSize="14px" fontWeight="bold" color="rgba(0, 0, 0, 0.85)">
-          카카오 로그인
-        </Text>
-      </Flex>
-    </Link>
+    <Flex
+      background="kakao"
+      rounded="6px"
+      justifyContent="center"
+      alignItems="center"
+      height={10}
+      gap={3}
+      _hover={{ cursor: 'pointer' }}
+      onClick={handleLogin}
+    >
+      <Image src={KakaoSymbol} width={5} />
+      <Text fontSize="14px" fontWeight="bold" color="rgba(0, 0, 0, 0.85)">
+        카카오 로그인
+      </Text>
+    </Flex>
   )
 }

src/routes/index.tsx

@@ -60,7 +60,6 @@ const router = createBrowserRouter([
     element: <ProfileQuestionLayout />,
     children: [{ path: '/profile-question', element: <ProfileQuestionPage /> }],
   },
-  { path: '/api/*' },
   {
     path: '*',
     element: <ErrorPage />,