fix: 반복문의 key 값 설정

woowacourse-teams · Jul 19, 2024 · 4d5879b · 4d5879b
1 parent 1ab9c5e
commit 4d5879b
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/frontend/src/apis/my.api.ts b/frontend/src/apis/my.api.ts
@@ -3,7 +3,7 @@ import apiClient from "./apiClient";
 import { API_ENDPOINTS } from "./endpoints";
 
 export const getMyReviewers = async (): Promise<ReviewerInfo[]> => {
-  const res = await apiClient<any>({
+  const res = await apiClient<ReviewerInfo[]>({
     method: "get",
     url: API_ENDPOINTS.REVIEWER,
   });
@@ -12,7 +12,7 @@ export const getMyReviewers = async (): Promise<ReviewerInfo[]> => {
 };
 
 export const getMyReviewees = async (): Promise<ReviewerInfo[]> => {
-  const res = await apiClient<any>({
+  const res = await apiClient<ReviewerInfo[]>({
     method: "get",
     url: API_ENDPOINTS.REVIEWEE,
   });

diff --git a/frontend/src/components/roomDetailPage/roomInfoCard/RoomInfoCard.tsx b/frontend/src/components/roomDetailPage/roomInfoCard/RoomInfoCard.tsx
@@ -36,8 +36,8 @@ const RoomInfoCard = () => {
         <S.RoomContentBox>
           <S.RoomTagBox>
             {roomInfo.keywords.map((keyword, index) => (
-              <S.RoomKeyword>
-                <S.RoomContentSmall key={index}>#{keyword}</S.RoomContentSmall>
+              <S.RoomKeyword key={keyword}>
+                <S.RoomContentSmall>#{keyword}</S.RoomContentSmall>
               </S.RoomKeyword>
             ))}
           </S.RoomTagBox>

diff --git a/frontend/src/components/shared/roomList/RoomList.tsx b/frontend/src/components/shared/roomList/RoomList.tsx
@@ -9,7 +9,7 @@ const RoomList = ({ roomList }: { roomList: RoomInfo[] }) => {
   return (
     <S.RoomListContainer>
       {roomList.map((roomInfo) => (
-        <Link to={`/room/1`}>
+        <Link to={`/room/1`} key={roomInfo.id}>
           <RoomCard key={roomInfo.id} roomInfo={roomInfo} />
         </Link>
       ))}

diff --git a/frontend/src/index.tsx b/frontend/src/index.tsx
@@ -15,7 +15,7 @@ const enableMocking = async () => {
 };
 
 enableMocking().then(() => {
-  ReactDOM.createRoot(document.getElementById("root")!).render(
+  ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
     <React.StrictMode>
       <ThemeProvider theme={theme}>
         <GlobalStyles />