hotfix-064: 카드 컴포넌트 key 값 부재로 오류 나는 현상 해결

teamViNO · Feb 13, 2024 · eb71120 · eb71120
1 parent e031173
commit eb71120
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/src/components/Home/InsightVideos.tsx b/src/components/Home/InsightVideos.tsx
@@ -41,6 +41,7 @@ const InsightVideos: React.FC<InsightVideosProps> = ({
                 checkedVideos={checkedItems}
                 setCheckedVideos={setCheckedItems}
                 onFileClick={onFileClick}
+                key={video.category_id}
               />
             ))}
           </CardContainer>

diff --git a/src/components/Home/RecentVideos.tsx b/src/components/Home/RecentVideos.tsx
@@ -35,7 +35,7 @@ const RecentVideos = ({ videos }: IRecentVideosProp) => {
         {videos.length > 0 && (
           <CardContainer>
             {videos.map((video) => (
-              <Card mode="default" video={video} />
+              <Card key={video.category_id} mode="default" video={video} />
             ))}
           </CardContainer>
         )}

diff --git a/src/components/category/Card.tsx b/src/components/category/Card.tsx
@@ -25,8 +25,9 @@ const Card: React.FC<ICardProps> = ({
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const category = useRecoilValue(categoryState);
+
   const [selectedCategoryId, setSelectedCategoryId] = useState(
-    category[0].categoryId,
+    category.length ? category[0].categoryId : -1,
   );
 
   const handleSelectCategory = (categoryId: number) => {