getConnectedEdges()

Source on GitHub

This utility filters an array of edges, keeping only those where either the source or target node is present in the given array of nodes.


import { getConnectedEdges } from '@xyflow/react';
 
const nodes = [
  { id: 'a', position: { x: 0, y: 0 } },
  { id: 'b', position: { x: 100, y: 0 } },
];
const edges = [
  { id: 'a->c', source: 'a', target: 'c' },
  { id: 'c->d', source: 'c', target: 'd' },
];
 
const connectedEdges = getConnectedEdges(nodes, edges);
// => [{ id: 'a->c', source: 'a', target: 'c' }]

Signature

Parameters:

Name	Type	Default
`nodes`	`NodeType[]` Nodes you want to get the connected edges for.
`edges`	`EdgeType[]` All edges.

Returns:

EdgeType[]

Array of edges that connect any of the given nodes with each other.