diff --git a/packages/core/src/container/ReactFlow/index.tsx b/packages/core/src/container/ReactFlow/index.tsx index f540cdf5..1628d677 100644 --- a/packages/core/src/container/ReactFlow/index.tsx +++ b/packages/core/src/container/ReactFlow/index.tsx @@ -156,13 +156,14 @@ const ReactFlow = forwardRef( elevateEdgesOnSelect = false, disableKeyboardA11y = false, style, - id = '1', + id, ...rest }, ref ) => { const nodeTypesWrapped = useNodeOrEdgeTypes(nodeTypes, createNodeTypes) as NodeTypesWrapped; const edgeTypesWrapped = useNodeOrEdgeTypes(edgeTypes, createEdgeTypes) as EdgeTypesWrapped; + const rfId = id || '1'; return (
( ref={ref} className={cc(['react-flow', className])} data-testid="rf__wrapper" + id={id} > ( noWheelClassName={noWheelClassName} noPanClassName={noPanClassName} elevateEdgesOnSelect={elevateEdgesOnSelect} - rfId={id} + rfId={rfId} disableKeyboardA11y={disableKeyboardA11y} nodeOrigin={nodeOrigin} nodeExtent={nodeExtent} @@ -273,12 +275,12 @@ const ReactFlow = forwardRef( onSelectionDragStop={onSelectionDragStop} noPanClassName={noPanClassName} nodeOrigin={nodeOrigin} - id={id} + id={rfId} /> {children} - +
);