How to give multiple edges separate path if they point to same node(During interaction)?

[igauravsehrawat]

For example in given screenshot

Node 1 has two edges towards Node 2 and Node 2 has one edge back to Node.
Edges are created separated in initial data but when Node 2 is moved the edges collides and overlap with one another.

Any help will be appreciated.

Thanks

[igauravsehrawat]

More details

I changed models data in your react-flow-diagram-example. So it renders out as expected like shown below.

But when you move the Node 2 it all combines as one edge, like shown below.

How to mitigate this problem, is it easy?

Thanks