Fix

src/apis/instance.ts

@@ -1,12 +1,11 @@
 import axios, { AxiosRequestConfig } from "axios";
 
 const axiosConfig: AxiosRequestConfig = {
-  baseURL: "",
+  baseURL: "https://port-0-f4-back-m30e9x2h74f3a212.sel4.cloudtype.app/",
   withCredentials: false,
-  // false를 통해 cross domain request 시 HTTP 인증 및 클라이언트 SSL 인증서 사용 허용
   headers: {
     "Content-Type": "application/json",
   },
 };
 
-export const client = axios.create(axiosConfig);
+export const instance = axios.create(axiosConfig);

src/components/common/input/Input.tsx

@@ -4,10 +4,10 @@ import * as S from "./style";
 
 interface InputProps {
   label: string;
-  essential: boolean;
+  essential?: boolean;
   hint: string;
-  value: string;
-  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  value?: string;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
 
 const Input: React.FC<InputProps> = ({

src/hooks/useUserProfile.ts

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { AxiosResponse } from "axios";
-import { client } from "@apis/instance";
+import { instance } from "@apis/instance";
 
 export const useUserProfile = () => {
   const [response, setResponse] = useState<AxiosResponse | null>(null);
@@ -9,7 +9,7 @@ export const useUserProfile = () => {
   const fetchData = async () => {
     try {
       // TODO - team_id 저장, profile id 저장
-      const response = await client.get(
+      const response = await instance.get(
         "https://test.site/api/teams/{team_id}/profiles/{profile_id}"
       );
       setResponse(response);

src/pages/login/Login.tsx

@@ -36,7 +36,7 @@ const Login: React.FC = () => {
           paragraph="팀을 참가할 때 간단한 정보를 입력받아요."
         />
         <InputForm>
-          <Input label="이름" essential hint="" />
+          <Input label="이름" hint="" />
           <DateInput />
         </InputForm>
       </Container>