diff --git a/src/pages/gallery/components/CollectionSelector.tsx b/src/pages/gallery/components/CollectionSelector.tsx
index 122adfab5..e66af4c2d 100644
--- a/src/pages/gallery/components/CollectionSelector.tsx
+++ b/src/pages/gallery/components/CollectionSelector.tsx
@@ -16,7 +16,7 @@ function CollectionSelector(props) {
 
 
     const CollectionIcons = collectionLatestFile?.map((item) => (
-        <CollectionDropZone
+        <CollectionDropZone key={item.collection.id}
             {...rest}
             closeModal={closeUploadModal}
             showModal={showUploadModal}
diff --git a/src/pages/gallery/components/Collections.tsx b/src/pages/gallery/components/Collections.tsx
index bc6d6689f..f824ec2f5 100644
--- a/src/pages/gallery/components/Collections.tsx
+++ b/src/pages/gallery/components/Collections.tsx
@@ -57,6 +57,7 @@ export default function Collections(props: CollectionProps) {
         <Wrapper>
             <Chip active={!selected} onClick={clickHandler()}>All</Chip>
             {collections?.map(item => <Chip
+                key={item.id}
                 active={selected === item.id.toString()}
                 onClick={clickHandler(item.id)}
             >{item.name}</Chip>)}