I'm using Next.js with Three.js and now when I encounter shader errors, I only see a warning in Chrome with WebGL: INVALID_OPERATION: useProgram: program not valid. I remember before when I was using regular React with Three.js, I saw more detailed program info saying the line the syntax error occurs in the shader.
WebGL: INVALID_OPERATION: useProgram: program not valid
Is there something I need to enable to get that level of debugging back?
The quickest fix for this was to set renderer.debug.checkShaderErrors = true
renderer.debug.checkShaderErrors = true
2.1m questions
2.1m answers
60 comments
57.0k users