fix: CI 오류 수정

Co-authored-by: Ruby <[email protected]>
Co-authored-by: 백도훈 <[email protected]>
Co-authored-by: Won-hee Cho <[email protected]>

Author: 4 people

client/src/App.tsx

@@ -1,12 +1,12 @@
 import { useState, useEffect } from 'react';
 import { Routes, Route, useNavigate } from 'react-router-dom';
 import { getAuth } from 'src/apis/auth';
-import UserContext from 'src/contexts/user';
+import UserContext, { User } from 'src/contexts/user';
 import { LoginPage, OAuthPage, WorkspacePage } from 'src/pages';
 import 'styles/reset.scss';
 
 function App() {
-  const [user, setUser] = useState(null);
+  const [user, setUser] = useState<User>({ id: -1, name: '', avatarUrl: '' });
   const navigate = useNavigate();
 
   const autoLogin = async () => {

client/src/components/WorkspaceModal/index.tsx

@@ -28,7 +28,7 @@ function WorkspaceModal({
       <>
         <span className={style.text}>{text}</span>
         <input className={style.input} type="text" onChange={onInput} />
-        <Button text={btnText} isDisable={!inputValue.length} />
+        <Button text={btnText} isDisabled={!inputValue.length} />
       </>
     </Modal>
   );

client/src/contexts/user.ts

@@ -1,14 +1,14 @@
 import { createContext, Dispatch, SetStateAction } from 'react';
 
-interface User {
+export interface User {
   id: number;
   name: string;
   avatarUrl: string;
 }
 
 interface IUserContext {
-  user: User | null;
-  setUser: Dispatch<SetStateAction<null>>;
+  user?: User;
+  setUser: Dispatch<SetStateAction<User>>;
 }
 
 const UserContext = createContext<IUserContext | null>(null);

client/src/pages/OAuth/index.tsx

@@ -8,7 +8,17 @@ import UserContext from 'src/contexts/user';
 import style from './style.module.scss';
 
 function OAuthPage() {
-  const { setUser } = useContext(UserContext);
+  const userContext = useContext(UserContext);
+
+  if (userContext === null) {
+    console.log('유저 컨텍스트를 찾을 수 없습니다.');
+
+    return (
+      <>
+        <Loader size={100} />
+      </>
+    );
+  }
 
   const location = useLocation();
   const navigate = useNavigate();
@@ -17,7 +27,8 @@ function OAuthPage() {
     try {
       const authorizedUser = await postAuthLogin(code);
 
-      setUser(authorizedUser);
+      userContext.setUser(authorizedUser);
+
       navigate('/workspace');
     } catch (e) {
       navigate('/');
@@ -28,9 +39,12 @@ function OAuthPage() {
     const search = new URLSearchParams(location.search);
     const code = search.get('code');
 
-    if (!code) navigate('/');
+    if (!code) {
+      navigate('/');
+      return;
+    }
 
-    login(code!);
+    login(code);
   }, []);
 
   return (