Fed up with tiny little connection handles? Make your whole node act as one!
Keep in mind though that you need to define separate drag handles in this case
to still be able to drag the node.
import { Position, MarkerType } from '@xyflow/react';// this helper function returns the intersection point// of the line between the center of the intersectionNode and the target nodefunction getNodeIntersection(intersectionNode, targetNode) { // https://math.stackexchange.com/questions/1724792/an-algorithm-for-finding-the-intersection-point-between-a-center-of-vision-and-a const { width: intersectionNodeWidth, height: intersectionNodeHeight } = intersectionNode.measured; const