在页面刷新时，Canvas 元素变成完全白色呈现一个白色矩形（在 Chrome 上）

Question

我目前正在使用 Next JS 在 React 上构建一个网站，并且需要构建一个 3D 场景。我正在通过 React 包装器 React-Three/Fiber 使用 Three JS。 基本上，如果我使用谷歌浏览器并重新加载网站、应用程序构建或开发服务器，我会在画布元素所在的位置看到这些白色闪烁。现场安装了 4 个 Canvas，多少个或哪一个变白似乎是随机的。 这不会在 Safari 上复制。

即使画布中有模型可见，画布也会变白

鉴于网站的背景非常暗，这些闪光非常明显且丑陋。

提前致谢。

我到处搜索但找不到有效的答案。