fix: 이미지 key가 중복되는 문제를 해결한다 (#946)

pedaling · Mar 7, 2024 · 482d296 · 482d296
1 parent 3e6467b
commit 482d296
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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}