Feature/#242 로그인 버그 픽스 (#251)

* refactor : postGoogleLoginFetch -> postGoogleLogin

#242

* fix: useEffect 적용

- #242

* fix: fetch ok 수정 및 mount 전 로그인 버튼 안뜨게

- #242

src/app/api/fetcher.ts

@@ -57,7 +57,7 @@ export const fetcher = (options?: FetcherOptions) => {
       if (interceptors?.response) {
         response = await interceptors.response(response);
       }
-      return await response.json();
+      return { ok: true, body: await response.json() };
     } catch (error) {
       let message = '';
       if (error instanceof Error) message = error.message;

src/containers/main/GoogleLoginButton/index.tsx

@@ -1,5 +1,6 @@
 import { Image, Button, Box } from '@chakra-ui/react';
 import { useAtomValue } from 'jotai';
+import { useEffect, useState } from 'react';
 
 import { userAtom } from '@/atom';
 
@@ -12,8 +13,13 @@ const GOOGLE_LOGIN_URL =
 
 const GoogleLoginButton = () => {
   const user = useAtomValue(userAtom);
+  const [isMounted, setIsMounted] = useState(false);
 
-  if (user.isLogin) {
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+
+  if (!isMounted || user.isLogin) {
     return <Box h={{ base: '8', lg: '10', '2xl': '14' }} />;
   }
   return (