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