From 1bc0ec282a161c1678b6ac0c25c3153e5b8ef153 Mon Sep 17 00:00:00 2001
From: Stanimir Dimov <stanimir.dimov@ft.com>
Date: Tue, 5 Apr 2022 14:44:46 +0300
Subject: [PATCH] Fixed repeating child key in TeasetTimeline component

---
 components/x-teaser-timeline/src/TeaserTimeline.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/x-teaser-timeline/src/TeaserTimeline.jsx b/components/x-teaser-timeline/src/TeaserTimeline.jsx
index 2ff37d85b..4c5c314e9 100644
--- a/components/x-teaser-timeline/src/TeaserTimeline.jsx
+++ b/components/x-teaser-timeline/src/TeaserTimeline.jsx
@@ -50,7 +50,7 @@ const TeaserTimeline = (props) => {
 					<section key={group.date} className="x-teaser-timeline__item-group">
 						<h2 className="x-teaser-timeline__heading">{group.title}</h2>
 						<ul className="x-teaser-timeline__items">
-							{group.items.map((item) => {
+							{group.items.map((item, index) => {
 								if (item.id) {
 									return (
 										<li key={item.id} className="x-teaser-timeline__item">
@@ -69,10 +69,10 @@ const TeaserTimeline = (props) => {
 										</li>
 									)
 								} else if (typeof item === 'string') {
-									return <li key="custom-slot" dangerouslySetInnerHTML={{ __html: item }} />
+									return <li key={`custom-slot-${index}`} dangerouslySetInnerHTML={{ __html: item }} />
 								}
 
-								return <li key="custom-slot">{item}</li>
+								return <li key={`custom-slot-${index}`}>{item}</li>
 							})}
 						</ul>
 					</section>