From 8b1fbcabaa52ae1176b12df23b27185fc6c8c007 Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Fri, 14 Jan 2022 20:35:48 +0100
Subject: [PATCH] Fix keys

---
 src/dashboardWebView/components/ChoiceButton.tsx  | 4 ++--
 src/dashboardWebView/components/Header/Header.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/dashboardWebView/components/ChoiceButton.tsx b/src/dashboardWebView/components/ChoiceButton.tsx
index 6f00b4db..84929f4d 100644
--- a/src/dashboardWebView/components/ChoiceButton.tsx
+++ b/src/dashboardWebView/components/ChoiceButton.tsx
@@ -37,9 +37,9 @@ export const ChoiceButton: React.FunctionComponent<IChoiceButtonProps> = ({onCli
 
         <MenuItems widthClass={`w-56`}>
           <div className="py-1">
-            {choices.map((choice) => (
+            {choices.map((choice, idx) => (
               <MenuItem 
-                key={choice.title}
+                key={idx}
                 title={(
                   choice.icon ? (
                     <div className="flex items-center">
diff --git a/src/dashboardWebView/components/Header/Header.tsx b/src/dashboardWebView/components/Header/Header.tsx
index c2ef7782..b665cd94 100644
--- a/src/dashboardWebView/components/Header/Header.tsx
+++ b/src/dashboardWebView/components/Header/Header.tsx
@@ -57,9 +57,9 @@ export const Header: React.FunctionComponent<IHeaderProps> = ({totalPages, folde
     Messenger.send(DashboardMessage.runCustomScript, { script });
   };
 
-  const customActions: any[] = (settings?.scripts || []).filter(s => s.bulk && (s.type === "content" || !s.type)).map(s => ({
+  const customActions: any[] = (settings?.scripts || []).filter(s => s.bulk && (s.type === "content" || !s.type)).map((s, idx) => ({
     title: (
-      <div className="flex items-center">
+      <div key={idx} className="flex items-center">
         <LightningBoltIcon className="w-4 h-4 mr-2" />
         <span>{s.title}</span>
       </div>