refactor(nodes): prevent jumping

src/components/Nodes/wrapNode.tsx

@@ -41,6 +41,7 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
     isParent,
     noPanClassName,
     noDragClassName,
+    initialized,
   }: WrapNodeProps) => {
     const store = useStoreApi();
     const updateNodeDimensions = useStore(selector);
@@ -134,6 +135,7 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
           zIndex,
           transform: `translate(${xPos}px,${yPos}px)`,
           pointerEvents: hasPointerEvents ? 'all' : 'none',
+          visibility: initialized ? 'visible' : 'hidden',
           ...style,
         }}
         onMouseEnter={onMouseEnterHandler}

src/container/NodeRenderer/index.tsx

@@ -122,6 +122,7 @@ const NodeRenderer = (props: NodeRendererProps) => {
             isParent={!!node[internalsSymbol]?.isParent}
             noDragClassName={props.noDragClassName}
             noPanClassName={props.noPanClassName}
+            initialized={!!node.width && !!node.height}
           />
         );
       })}

src/types/nodes.ts

@@ -64,8 +64,7 @@ export interface WrapNodeProps<T = any> {
   isConnectable: boolean;
   xPos: number;
   yPos: number;
-  width?: number | null;
+  initialized: boolean;
-  height?: number | null;
   isSelectable: boolean;
   isDraggable: boolean;
   selectNodesOnDrag: boolean;