From b28928b87f863ee20e77b6dc29350e57825efb28 Mon Sep 17 00:00:00 2001
From: tomashco <tommaso.maioli@gmail.com>
Date: Tue, 4 Jun 2024 10:17:53 +0200
Subject: [PATCH] fix: addition of missing keys

---
 src/components/InstagramPostsClient/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/InstagramPostsClient/index.tsx b/src/components/InstagramPostsClient/index.tsx
index a69e363..ae21299 100644
--- a/src/components/InstagramPostsClient/index.tsx
+++ b/src/components/InstagramPostsClient/index.tsx
@@ -18,7 +18,7 @@ type ResponseType = {
 const LoadingCards = () =>
   Array(6)
     .fill(0)
-    .map(() => <div style={cardStyle} />)
+    .map((_el, ind) => <div key={ind} style={cardStyle} />)
 
 const baseEndpoint = '/api/instagram/list/'
 const childrenEndpoint = '/api/instagram/children/'
@@ -72,7 +72,7 @@ function Posts() {
       <div style={postsContainerStyle}>
         {!isPending && !isFetching && Array.isArray(response.data) ? (
           response?.data?.map(({ id, media_type, media_url, permalink, caption }) => (
-            <div style={cardStyle}>
+            <div key={id} style={cardStyle}>
               <div style={{ position: 'absolute', top: '0', right: '1rem' }}>
                 {instagramPosts?.docs?.find(el => el.id === id) ? (
                   <Button disabled>Already in collection</Button>