reconnectEdge()

Source on GitHub

A handy utility to update an existing Edge with new properties. This searches your edge array for an edge with a matching id and updates its properties with the connection you provide.

const onReconnect = useCallback(
  (oldEdge: Edge, newConnection: Connection) => setEdges((els) => reconnectEdge(oldEdge, newConnection, els)),
  []
);

Signature

Parameters
  • oldEdge: EdgeType
  • newConnection.source: string The id of the node this connection originates from.
  • newConnection.target: string The id of the node this connection terminates at.
  • newConnection.sourceHandle: string | null When not null, the id of the handle on the source node that this connection originates from.
  • newConnection.targetHandle: string | null When not null, the id of the handle on the target node that this connection terminates at.
  • edges: EdgeType[]
  • options.shouldReplaceId?: boolean Should the id of the old edge be replaced with the new connection id.
  • options.getEdgeId?: GetEdgeId Custom function to generate edge IDs. If not provided, the default getEdgeId function is used.
  • options.onError?: OnError Called when edge validation fails. If not provided, a default dev warning is used.
Returns

EdgeType[]