From 5e8a8b2df9af435f0df8a8a07dddf7dcc24cf9ac Mon Sep 17 00:00:00 2001
From: Feng Sun <sunfeng32@qq.com>
Date: Tue, 15 Nov 2022 03:48:08 +0800
Subject: [PATCH] fix: adds unique key to upload cards to prevent old images
 being shown while navigating to new page

---
 .../components/elements/UploadGallery/index.tsx    | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/admin/components/elements/UploadGallery/index.tsx b/src/admin/components/elements/UploadGallery/index.tsx
index d632201e9b..c3d03a4849 100644
--- a/src/admin/components/elements/UploadGallery/index.tsx
+++ b/src/admin/components/elements/UploadGallery/index.tsx
@@ -1,10 +1,10 @@
-import React from 'react';
-import { Props } from './types';
-import UploadCard from '../UploadCard';
+import React from "react";
+import { Props } from "./types";
+import UploadCard from "../UploadCard";
 
-import './index.scss';
+import "./index.scss";
 
-const baseClass = 'upload-gallery';
+const baseClass = "upload-gallery";
 
 const UploadGallery: React.FC<Props> = (props) => {
   const { docs, onCardClick, collection } = props;
@@ -12,8 +12,8 @@ const UploadGallery: React.FC<Props> = (props) => {
   if (docs && docs.length > 0) {
     return (
       <ul className={baseClass}>
-        {docs.map((doc, i) => (
-          <li key={i}>
+        {docs.map((doc) => (
+          <li key={doc.id}>
             <UploadCard
               doc={doc}
               {...{ collection }}