From c219bc24b7105beb324925ea3f319ff82afd7621 Mon Sep 17 00:00:00 2001
From: Eryk Mika <eryk.mika@wpdesk.eu>
Date: Tue, 1 Apr 2025 15:58:10 +0200
Subject: [PATCH] fix: unique keys

---
 src/FlexibleTable/FlexibleTable.jsx | 2 +-
 src/FlexibleTable/TableBody.jsx     | 4 ++--
 src/FlexibleTable/TableHead.jsx     | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/FlexibleTable/FlexibleTable.jsx b/src/FlexibleTable/FlexibleTable.jsx
index 7d0a9b3..2a0d172 100644
--- a/src/FlexibleTable/FlexibleTable.jsx
+++ b/src/FlexibleTable/FlexibleTable.jsx
@@ -120,7 +120,7 @@ export default function FlexibleTable({
 									style={{padding: 0, listStyle: "none"}}
 								>
 									{headers.map((header, index) => (
-										<Draggable key={header} draggableId={header} index={index}>
+										<Draggable key={`fitb-draggable-${index}-${header}`} draggableId={header} index={index}>
 											{(provided) => (
 												<li
 													ref={provided.innerRef}
diff --git a/src/FlexibleTable/TableBody.jsx b/src/FlexibleTable/TableBody.jsx
index 0415768..aeb7d68 100644
--- a/src/FlexibleTable/TableBody.jsx
+++ b/src/FlexibleTable/TableBody.jsx
@@ -38,7 +38,7 @@ export default function TableBody({tableStyles, updateCell, rows, states}) {
 			}}>
 				{rows.map((row, index) => (
 					states[index] ?
-						<td className={"fitb-item-table-cell"} key={index}
+						<td className={"fitb-item-table-cell"} key={`fitb-item-table-cell-${index}`}
 							style={{
 								borderWidth: "0px",
 								borderStyle: "solid",
@@ -48,7 +48,7 @@ export default function TableBody({tableStyles, updateCell, rows, states}) {
 							}}>
 							<RichText
 								tagName="div"
-								key={index}
+								key={`fitb-item-table-cell-text-${index}`}
 								value={row}
 								style={{
 									color: (multipleBodyBackground && trIndex === 1) ? bodyTextColorEven : bodyTextColor,
diff --git a/src/FlexibleTable/TableHead.jsx b/src/FlexibleTable/TableHead.jsx
index 2f66c33..39989eb 100644
--- a/src/FlexibleTable/TableHead.jsx
+++ b/src/FlexibleTable/TableHead.jsx
@@ -41,7 +41,7 @@ export default function TableHead( {headers, updateHeader, tableStyles, states}
 						}}>
 						<RichText
 							tagName="div"
-							key={index}
+							key={`fitb-item-table-header-cell-${index}`}
 							value={header}
 							style={{
 								color: headerTextColor,
-- 
GitLab