Dialog组件 页面加载时调用 某些情况下 无法弹出

[192114]

Version of antd-mobile

5.32.0

Operating system and its version

No response

Browser and its version

最新chrome内核

Sandbox to reproduce

codesandbox

What happened?

结合 @react-three/drei 和 @react-three/fiber 一起使用

注释

  if (loading) {
    return null;
  }

或者

<Canvas camera={{ position: [0, 0, 360], fov: 20 }}>
        <Suspense fallback={null}>
          <Model />
          <OrbitControls />
          <ambientLight intensity={0.4} />
          <directionalLight color="#ffb46b" position={[0, 0, 100]} />
          <directionalLight color="#ffb46b" position={[0, 0, -100]} />
        </Suspense>
      </Canvas>

Dialog 可以正常弹出

但是两者同时存在的时候，Dialog的节点会正常添加到body节点中，但是节点停留在该过渡状态中

<div style="opacity: 0; transform: scale(0.8);">
....
</div>

想请问这种用法是否存在问题，如何能让Dialog正确弹出。

非常感谢

Relevant log output

No response

[1587315093]

链接打不开

[github-actions]

Hi, 192114.

Please provide a online reproduction so that we can help you troubleshoot the problem. You can create a demo by codesandbox or stackblitz.

我们需要你提供一个在线的重现实例，以便于我们帮你排查问题。你可以通过 codesandbox 或 stackblitz 创建一个实例。

[192114]

链接打不开

非常抱歉 新的链接 codesandbox

[1587315093]

这样子用吧，显示出来了 @192114
https://codesandbox.io/s/condescending-pond-shfpq9?file=/src/App.tsx:0-1059