From 94fa92f71896d57d3c91d8d4a7b59e1ff037f9a4 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Thu, 12 Dec 2024 16:54:07 -0300
Subject: [PATCH] fix: validateDOMNesting error on nodeToolbarComponent (#5212)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🐛 (use-patch-update-flow.ts): change 'locked' property to optional by using '?' to match interface definition
📝 (index.tsx): add 'asChild' prop to Button component to pass it down as a prop to the child component
---
 .../controllers/API/queries/flows/use-patch-update-flow.ts    | 2 +-
 .../pages/FlowPage/components/nodeToolbarComponent/index.tsx  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/controllers/API/queries/flows/use-patch-update-flow.ts b/src/frontend/src/controllers/API/queries/flows/use-patch-update-flow.ts
index e818319c3..af5280546 100644
--- a/src/frontend/src/controllers/API/queries/flows/use-patch-update-flow.ts
+++ b/src/frontend/src/controllers/API/queries/flows/use-patch-update-flow.ts
@@ -12,7 +12,7 @@ interface IPatchUpdateFlow {
   description: string;
   folder_id: string | null | undefined;
   endpoint_name: string | null | undefined;
-  locked: boolean | null | undefined;
+  locked?: boolean | null | undefined;
 }
 
 export const usePatchUpdateFlow: useMutationFunctionType<
diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index 7796e21fd..5eeef286c 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -542,13 +542,13 @@ export default function NodeToolbarComponent({
           >
             <SelectTrigger className="w-62">
               <ShadTooltip content="Show More" side="top">
-                <div>
+                <div data-testid="more-options-modal">
                   <Button
                     className="node-toolbar-buttons h-[2rem] w-[2rem]"
                     variant="ghost"
                     onClick={handleButtonClick}
                     size="node-toolbar"
-                    data-testid="more-options-modal"
+                    asChild
                   >
                     <IconComponent name="MoreHorizontal" className="h-4 w-4" />
                   </Button>