diff --git a/examples/vite-app/src/examples/FloatingEdges/FloatingEdge.tsx b/examples/vite-app/src/examples/FloatingEdges/FloatingEdge.tsx index 9f080bd3..5e50f35f 100644 --- a/examples/vite-app/src/examples/FloatingEdges/FloatingEdge.tsx +++ b/examples/vite-app/src/examples/FloatingEdges/FloatingEdge.tsx @@ -1,4 +1,4 @@ -import React, { FC, useMemo, CSSProperties } from 'react'; +import { FC, useMemo, CSSProperties } from 'react'; import { EdgeProps, useStore, getBezierPath, ReactFlowState } from 'reactflow'; import { getEdgeParams } from './utils'; @@ -17,7 +17,7 @@ const FloatingEdge: FC = ({ id, source, target, style }) => { const { sx, sy, tx, ty, sourcePos, targetPos } = getEdgeParams(sourceNode, targetNode); - const d = getBezierPath({ + const [path] = getBezierPath({ sourceX: sx, sourceY: sy, sourcePosition: sourcePos, @@ -28,7 +28,7 @@ const FloatingEdge: FC = ({ id, source, target, style }) => { return ( - + ); }; diff --git a/packages/core/src/components/StoreUpdater/index.tsx b/packages/core/src/components/StoreUpdater/index.tsx index c5645944..febd3b0c 100644 --- a/packages/core/src/components/StoreUpdater/index.tsx +++ b/packages/core/src/components/StoreUpdater/index.tsx @@ -48,6 +48,7 @@ type StoreUpdaterProps = Pick< | 'autoPanOnConnect' | 'autoPanOnNodeDrag' | 'onError' + | 'connectionRadius' > & { rfId: string }; const selector = (s: ReactFlowState) => ({ @@ -125,6 +126,7 @@ const StoreUpdater = ({ autoPanOnConnect, autoPanOnNodeDrag, onError, + connectionRadius, }: StoreUpdaterProps) => { const { setNodes, @@ -181,6 +183,7 @@ const StoreUpdater = ({ useDirectStoreUpdater('autoPanOnConnect', autoPanOnConnect, store.setState); useDirectStoreUpdater('autoPanOnNodeDrag', autoPanOnNodeDrag, store.setState); useDirectStoreUpdater('onError', onError, store.setState); + useDirectStoreUpdater('connectionRadius', connectionRadius, store.setState); useStoreUpdater(nodes, setNodes); useStoreUpdater(edges, setEdges); diff --git a/packages/core/src/container/ReactFlow/index.tsx b/packages/core/src/container/ReactFlow/index.tsx index 120a5efa..9e7b7a49 100644 --- a/packages/core/src/container/ReactFlow/index.tsx +++ b/packages/core/src/container/ReactFlow/index.tsx @@ -294,6 +294,7 @@ const ReactFlow = forwardRef( autoPanOnConnect={autoPanOnConnect} autoPanOnNodeDrag={autoPanOnNodeDrag} onError={onError} + connectionRadius={connectionRadius} /> {children}