From cfccd0435083e73a753d981eb657526e82d6530b Mon Sep 17 00:00:00 2001
From: Daniel Karzel <daniel@comit.network>
Date: Fri, 15 Oct 2021 16:52:52 +1100
Subject: [PATCH] Move key to the toplevel child hierarchy elem

Got the complaint that `each child needs to have unique key` (Firefox) because the key was not on the child, but on a nested item.
---
 frontend/src/components/cfdtables/CfdTable.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend/src/components/cfdtables/CfdTable.tsx b/frontend/src/components/cfdtables/CfdTable.tsx
index 9e53fc3..d905b39 100644
--- a/frontend/src/components/cfdtables/CfdTable.tsx
+++ b/frontend/src/components/cfdtables/CfdTable.tsx
@@ -180,9 +180,8 @@ export function CfdTable(
                 Header: "Action",
                 accessor: ({ actions, order_id }) => {
                     const actionIcons = actions.map((action) => {
-                        return (<Tooltip label={action}>
+                        return (<Tooltip label={action} key={action}>
                             <IconButton
-                                key={action}
                                 colorScheme={colorSchemaForAction(action)}
                                 aria-label={action}
                                 icon={iconForAction(action)}