title: React Flow Chart: Connect link when drop anywhere on node
body: <p>I have been using npm package react-flow-chart,
  I can now create links between nodes using drag and drop.</p>
  <p>The issue is:
  I have to drop the link exactly on the port
  In my case, I will always have a single input port on every node,
  Is it possible to connect the link, even if I drop link anywhere on the target node,
  (not exactly on the port)</p>
  <p><a href="https://i.stack.imgur.com/XhqO0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XhqO0.png" alt="enter image description here" /></a></p>
  <p>Look at the image,
  Is it possible if I drop the link from source node anywhere on the target node and still I can connect the link.
  Let's say the input portId will be static, For Instance take portId = &quot;in&quot;</p>