WebGL lost when adding Environment

Questions
,
1

is anyone know why i got THREE.WebGLRenderer: Context Lost each time i add Environment in my React three now.knowing that before it still worked very well.
Code exemple :

const RotatingCubeScene: React.FC<{ angle: number }> = ({ angle }) => {
  return (
    <Canvas camera={{ position: [2, 2, 4] }}>
      <OrbitControls />
      <Environment preset="city" />
      <Cube angle={angle} />
    </Canvas>
  );
};

export default RotatingCubeScene;

dependencies :

"@react-three/drei": "^10.0.3",
 "@react-three/fiber": "^9.0.4",
 "@react-three/postprocessing": "^3.0.4",
2

I created my account just to answer you and for people who might get the same problem in the future.

So I basically just removed Suspense hook. I think it might be a conflict of r3f/drei/react versions, because the same problem appears when I’m trying to add useTexture from drei, not only Environment. I did the tests on my old project and everything is working fine. On a fresh project I get the same error as you: with a simple canvas without everything else and only Environment added (preset texture, nothing heavy weight) I get webgl context lost.