React.js + D3.js - Узлы перекрывают друг друга

У меня есть дерево для отображения данных. Здесь можно увидеть TREE

В больших данных, когда A расширяется дети распространяются во все свободное пространство и перекрывают друг друга. Затем, если вы откроете следующий родительский Z, дети распределяются между узлами-братьями, separation работает код- RadialTree.js 63> separation={(a, b) => (a.parent === b.parent ? 1 : 5) / a.depth} если второй родитель не открыт, разделение не работает.

Как решить эту проблему? так что только при открытии A или Z не перекрывали друг друга.

Спасибо.