From 8a7e99f8f65ac8cbfa42458a9583a4c3ee3f1488 Mon Sep 17 00:00:00 2001
From: Karen Attfield <karenlattfield@gmail.com>
Date: Mon, 21 Oct 2024 12:27:32 +0100
Subject: [PATCH] Slideshow block: Modifying Slideshow block key indexes to
 prevent same key notice (#39821)

---
 .../jetpack/changelog/fix-slideshow-block-global-styles       | 4 ++++
 .../plugins/jetpack/extensions/blocks/slideshow/slideshow.js  | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 projects/plugins/jetpack/changelog/fix-slideshow-block-global-styles

diff --git a/projects/plugins/jetpack/changelog/fix-slideshow-block-global-styles b/projects/plugins/jetpack/changelog/fix-slideshow-block-global-styles
new file mode 100644
index 0000000000000..c459b3a44d721
--- /dev/null
+++ b/projects/plugins/jetpack/changelog/fix-slideshow-block-global-styles
@@ -0,0 +1,4 @@
+Significance: patch
+Type: other
+
+Slideshow block: fix console warning related to images with the same key.
diff --git a/projects/plugins/jetpack/extensions/blocks/slideshow/slideshow.js b/projects/plugins/jetpack/extensions/blocks/slideshow/slideshow.js
index 0b231d325fc8c..b3f8575b0f5a8 100644
--- a/projects/plugins/jetpack/extensions/blocks/slideshow/slideshow.js
+++ b/projects/plugins/jetpack/extensions/blocks/slideshow/slideshow.js
@@ -136,14 +136,14 @@ class Slideshow extends Component {
 					ref={ this.slideshowRef }
 				>
 					<ul className="wp-block-jetpack-slideshow_swiper-wrapper swiper-wrapper">
-						{ images.map( ( { alt, caption, id, url } ) => (
+						{ images.map( ( { alt, caption, id, url }, index ) => (
 							<li
 								className={ clsx(
 									'wp-block-jetpack-slideshow_slide',
 									'swiper-slide',
 									isBlobURL( url ) && 'is-transient'
 								) }
-								key={ id ? id : url }
+								key={ id ? `${ id }-${ index }` : `${ url }-${ index }` }
 							>
 								<figure>
 									<img