diff --git a/src/main/frontend/app/routes/studio/canvas/nodetypes/exit-node.tsx b/src/main/frontend/app/routes/studio/canvas/nodetypes/exit-node.tsx index 39c0fcac..39ddd73c 100644 --- a/src/main/frontend/app/routes/studio/canvas/nodetypes/exit-node.tsx +++ b/src/main/frontend/app/routes/studio/canvas/nodetypes/exit-node.tsx @@ -1,4 +1,13 @@ -import { Handle, type Node, type NodeProps, NodeResizeControl, Position, useStore } from '@xyflow/react' +import { + Handle, + type Node, + type NodeProps, + NodeResizeControl, + Position, + useStore, + useUpdateNodeInternals, +} from '@xyflow/react' +import { useEffect } from 'react' import { ResizeIcon } from '~/routes/studio/canvas/nodetypes/frank-node' import { FlowConfig } from '~/routes/studio/canvas/flow.config' import { useSettingsStore } from '~/stores/settings-store' @@ -18,6 +27,11 @@ export default function ExitNodeComponent(properties: NodeProps) { const gradientEnabled = useSettingsStore((state) => state.studio.gradient) const zoom = useStore((state) => state.transform[2]) const isCompact = zoom < 0.4 + const updateNodeInternals = useUpdateNodeInternals() + + useEffect(() => { + updateNodeInternals(properties.id) + }, [isCompact, properties.id, updateNodeInternals]) if (isCompact) { return (