From 482d296606743433ce3db66299b7686e09c664de Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ann=20=28=EC=95=A4=29?=
 <33626219+jhn3981@users.noreply.github.com>
Date: Thu, 7 Mar 2024 15:55:45 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20key?=
 =?UTF-8?q?=EA=B0=80=20=EC=A4=91=EB=B3=B5=EB=90=98=EB=8A=94=20=EB=AC=B8?=
 =?UTF-8?q?=EC=A0=9C=EB=A5=BC=20=ED=95=B4=EA=B2=B0=ED=95=9C=EB=8B=A4=20(#9?=
 =?UTF-8?q?46)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/vibrant-core/src/lib/Image/Image.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/vibrant-core/src/lib/Image/Image.tsx b/packages/vibrant-core/src/lib/Image/Image.tsx
index c7ab11d66..8d837b8bf 100644
--- a/packages/vibrant-core/src/lib/Image/Image.tsx
+++ b/packages/vibrant-core/src/lib/Image/Image.tsx
@@ -21,9 +21,9 @@ export const Image = withImageVariation(
     if (ImageComponent) {
       return (
         <>
-          {imageProps.map(({ src, display }) => (
+          {imageProps.map(({ src, display }, index) => (
             <ImageComponent
-              key={src}
+              key={`${src}_${index}`}
               data-testid={testId}
               ref={innerRef}
               loading={loading}
@@ -41,12 +41,12 @@ export const Image = withImageVariation(
 
     return (
       <>
-        {imageProps.map(({ src, display }) => (
+        {imageProps.map(({ src, display }, index) => (
           <Box
+            key={`${src}_${index}`}
             as="img"
             data-testid={testId}
             ref={innerRef}
-            key={src}
             loading={loading}
             alt={alt}
             src={src}