useNodeConnections()

Source on GitHub

This hook returns an array of connections on a specific node, handle type (‘source’, ‘target’) or handle ID.

import { useNodeConnections } from '@xyflow/react';
 
export default function () {
  const connections = useNodeConnections({
    handleType: 'target',
    handleId: 'my-handle',
  });
 
  return (
    <div>There are currently {connections.length} incoming connections!</div>
  );
}

Signature

This hook returns an array of connections on a specific node, handle type (‘source’, ‘target’) or handle ID.

Parameters
  • __0?: UseNodeConnectionsParams
Returns

NodeConnection[]