Reactjs react resize observer使用引导模式返回空值

我试图用react resize observer检测容器大小的变化。为此，我在我的自定义组件中嵌入了一个

ResizeObserver

当组件单独使用时，它工作得非常好。但是，一旦在引导模式（从react引导）中使用它，

ResizeObserver

的

onResize

回调将使用空值调用（

width===height==0

）

---

我做错了什么？

问题来自模态的显示方式：带有动画。第一次渲染模态组件时，它是隐藏的，因此react resize observer报告空值

即时修复 关闭动画：

<Modal
  animation={false}
>

export const MyModal = () => {
  const [ showComponent, setShowComponent ] = useState(false);

  return (
    <Modal
      onEntering={() => setShowComponent(true)}
    >
      {showComponent && (
        <div>
          <ResizeObserver onResize={(rect) => {...}}/>
          ...
        </div>
      )}
    </Modal>
  );
}