转换期间列表元素之间的未知间隙

Unknown gap between list elements during transition

我正在使用 react-transition-group 为 li 元素的高度设置动画,在中间元素过渡之前,两个元素之间形成了一个讨厌的间隙。这不可能是边距是什么导致了这个间隙我怎样才能摆脱它? https://codesandbox.io/s/mui-sandbox-forked-m1t7l

.MuiListItem-root 上的 padding 引起。

即使是空的 <li class="MuiListItem-root ..."> 目前也应用了以下规则:

padding-top: 8px;
padding-bottom: 8px;

去掉那些样式,差距就会消失。