title: react-xarrows not updating lines in position
body: <p>There are some issues I'm having while using the react-xarrows with <a href="https://mui.com/material-ui/react-tree-view/#rich-object" rel="nofollow noreferrer">mui</a>.</p>
  <p>I'm trying to achieve:</p>
  <ul>
  <li>The line should be connected in the same position after toggling the files (if expanded).</li>
  <li>The line should connect to its parent if the child is not visible.</li>
  <li>Render line after tree setup and update lines on every toggle on any of the sides.</li>
  </ul>
  <p>Here is what I tried so far: <a href="https://codesandbox.io/s/sharp-wildflower-mit5wp?file=/src/TreeMapView.tsx" rel="nofollow noreferrer">https://codesandbox.io/s/sharp-wildflower-mit5wp?file=/src/TreeMapView.tsx</a></p>