From 454e80f6d876abcee78d7248c7d553f6043fbb80 Mon Sep 17 00:00:00 2001 From: anovazzi1 Date: Thu, 18 Jan 2024 13:37:42 -0300 Subject: [PATCH] fix(GenericNode/index.tsx): import useUpdateNodeInternals from reactflow to fix missing dependency feat(GenericNode/index.tsx): add useUpdateNodeInternals hook to update node internals when isMinimized changes --- src/frontend/src/CustomNodes/GenericNode/index.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx index 1b97e0955..ea9f49845 100644 --- a/src/frontend/src/CustomNodes/GenericNode/index.tsx +++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx @@ -1,5 +1,5 @@ import { useEffect, useState } from "react"; -import { NodeToolbar } from "reactflow"; +import { NodeToolbar, useUpdateNodeInternals } from "reactflow"; import ShadTooltip from "../../components/ShadTooltipComponent"; import Tooltip from "../../components/TooltipComponent"; import IconComponent from "../../components/genericIconComponent"; @@ -43,6 +43,7 @@ export default function GenericNode({ const [handles, setHandles] = useState([]); const [isMinimized, setIsMinimized] = useState(false); let numberOfInputs: boolean[] = []; + const updateNodeInternals = useUpdateNodeInternals(); const takeSnapshot = useFlowsManagerStore((state) => state.takeSnapshot); @@ -107,8 +108,8 @@ export default function GenericNode({ const nameEditable = data.node?.flow || data.type === "CustomComponent"; useEffect(() => { - console.log("isMinimized", isMinimized); - }, [isMinimized, setIsMinimized]); + updateNodeInternals(data.id); + }, [isMinimized]); return ( <>