THREE.WebGLRenderer

THREE.WebGLRenderer: Context Lost.
this message appears when user moving between pages how to solve this ?

I’m assuming you’re using something react-three-fiberish / SPA / next.js, in which case you can safely ignore it - its marked as an error but it’s harmless - it’s happening since the canvas was already removed from DOM but one more animation frame was already scheduled.

If you manage your own animation loop - without r3f- just make sure to either not dispose three.js canvas at any point, or stop the rendering loop before disposing the canvas DOM element.

3 Likes