feature-065: unique key 부여

teamViNO · Feb 14, 2024 · 805d83d · 805d83d
1 parent fabc6eb
commit 805d83d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/category/DefaultMenu.tsx b/src/components/category/DefaultMenu.tsx
@@ -30,7 +30,7 @@ const DefaultMenu = ({
     <>
       <div style={{ display: 'flex' }}>
         {menus.map((menu: ISubFolderProps | ITagProps) => (
-          <>
+          <div key={menu.name}>
             {'tag_id' in menu && (
               <Chip
                 key={menu.tag_id}
@@ -48,7 +48,7 @@ const DefaultMenu = ({
                 {menu.name}
               </CategoryPageStyles.Menu>
             )}
-          </>
+          </div>
         ))}
       </div>
       <CategoryPageStyles.ModeWrap onClick={toggleRecentRegisterMode}>

diff --git a/src/pages/CategoryPage.tsx b/src/pages/CategoryPage.tsx
@@ -121,7 +121,7 @@ const CategoryPage = () => {
                 video={video}
                 checkedVideos={checkedVideos}
                 setCheckedVideos={setCheckedVideos}
-                key={video.category_id}
+                key={video.video_id}
               />
             );
           })}

diff --git a/src/utils/handleVideo.ts b/src/utils/handleVideo.ts
@@ -13,7 +13,7 @@ const handleVideo = async (
   setName: React.Dispatch<React.SetStateAction<string>>,
   setVideos: React.Dispatch<React.SetStateAction<IVideoProps[]>>,
 ) => {
-  await getVideoById(topCategoryId).then((res) => {
+  await getVideoById(topCategoryId).then(async (res) => {
     const topCategory = categories.find(
       (category) => category.categoryId === Number(topCategoryId),
     );
@@ -22,7 +22,7 @@ const handleVideo = async (
         (subFolder) => subFolder.categoryId === Number(subCategoryId),
       );
       setName(subName!.name);
-      getCategoryTags(subCategoryId!).then((res) => {
+      await getCategoryTags(subCategoryId!).then((res) => {
         if (res.isSuccess) setMenus(res.result.tags);
         else setMenus([]);
       });