From 3142a438f7c93ea231eb9433acfdadaca8a8aacc Mon Sep 17 00:00:00 2001
From: MarcoJayUsai <marco.jay.usai@hotmail.it>
Date: Thu, 6 Mar 2025 17:14:05 +0100
Subject: [PATCH] fix(drawings): added keys to drawing menu elements

---
 frontend/react/src/ui/panels/drawingmenu.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/react/src/ui/panels/drawingmenu.tsx b/frontend/react/src/ui/panels/drawingmenu.tsx
index fa75d8ea..f061e168 100644
--- a/frontend/react/src/ui/panels/drawingmenu.tsx
+++ b/frontend/react/src/ui/panels/drawingmenu.tsx
@@ -66,7 +66,7 @@ export function DrawingMenu(props: { open: boolean; onClose: () => void }) {
   function renderDrawingsContainerControls(container: DCSDrawingsContainer) {
     if (container.hasSearchString(searchString)) {
       return (
-        <div className="ml-2 flex flex-col gap-2">
+        <div className="ml-2 flex flex-col gap-2" key={container.getGuid()}>
           <div className="flex flex-col gap-2">
             <div className="flex justify-between gap-2">
               <FaChevronRight
@@ -116,10 +116,10 @@ export function DrawingMenu(props: { open: boolean; onClose: () => void }) {
           </div>
           {openContainers.includes(container) && container.getSubContainers().map((container) => renderDrawingsContainerControls(container))}
           {openContainers.includes(container) &&
-            container.getDrawings().map((drawing) => {
+            container.getDrawings().map((drawing, index) => {
               if (drawing instanceof DCSEmptyLayer) return <></>;
               return (
-                <div className="ml-4 flex justify-start gap-2">
+                <div className="ml-4 flex justify-start gap-2" key={index}>
                   <FontAwesomeIcon
                     icon={drawing.getVisibility() ? faEye : faEyeSlash}
                     className={`