add key to feed items

src/js/components/feed/Feed.tsx

@@ -109,7 +109,12 @@ const Feed = (props: FeedProps) => {
         <div className="grid grid-cols-3 gap-px">
           <InfiniteScroll loadMore={loadMore}>
             {imagesAndVideos.map((item, index) => (
-              <ImageGridItem item={item} index={index} setModalImageIndex={setModalImageIndex} />
+              <ImageGridItem
+                key={`grid-${index}`}
+                item={item}
+                index={index}
+                setModalImageIndex={setModalImageIndex}
+              />
             ))}
           </InfiniteScroll>
         </div>
@@ -117,7 +122,9 @@ const Feed = (props: FeedProps) => {
       <Show when={displayAs === 'feed'}>
         <InfiniteScroll loadMore={loadMore}>
           {allEventsFiltered.map((event) => {
-            return <EventComponent id={event.id} {...filterOption.eventProps} />;
+            return (
+              <EventComponent key={`${event.id}EC`} id={event.id} {...filterOption.eventProps} />
+            );
           })}
         </InfiniteScroll>
       </Show>

src/js/views/Follows.tsx

@@ -158,7 +158,7 @@ class Follows extends View {
         <div className="flex flex-col w-full gap-4">
           <InfiniteScroll>
             {this.state.follows.map((hexKey) => (
-              <FollowedUser hexKey={hexKey} />
+              <FollowedUser key={hexKey} hexKey={hexKey} />
             ))}
           </InfiniteScroll>
           {this.state.follows.length === 0 ? '—' : ''}