ReactJS同时从组件数组中移除/添加动画

Question

我在树状数据结构中有几个列表组件，我希望以一种方式为它们设置动画，当我点击某个项目时，它的子项从右侧滑入，同时前一个列表滑出到左边。

我在react-transition-group使用了一个数组，如果我向它添加项目，它可以工作，但如果我尝试从中删除一个，它就会失败。

我在这里有一个演示： https://codesandbox.io/s/k1wyqo64lo

如果我取消注释第91行path.shift()，它会停止制作动画。 我怎样才能让它们同时具有动画效果？