When drawling lines between mutiply layers, the lines becomes weired.
Describe the bug & Expected behavior
A clear and concise description of what the bug is.
When I am controlling the lines by expanding the parent element, the expected behaviour is start drawing lines between parent component and all the children components, however, when the kid itself as a parent component and drawing lines to its kid, it becomes weired
To Reproduce
Steps to reproduce the bug: what props where used, in what way the lib was used?
provide preferably minimal code snippets/codesandbox/gitpod.
Sorry it is inside a big project I cannot give you the link, however, you can see the screen shoot.
Screenshots
If applicable, add screenshots to help explain your problem.

As you can see, Clicking the plus button will expand all its children. However, once expanded, the lines are not correct. The Xarrows are drawed by recurssion.