React中无法渲染着色器：Failed to execute 'shaderSource'错误求助

尝试用gl-react、shadertoy-react等库渲染简单着色器时，均触发如下错误：

TypeError: Failed to execute 'shaderSource' on 'WebGL2RenderingContext': parameter 1 is not of type 'WebGLShader'.
    at compileShader (shader-cache.js:55:1)
    at proto.getShaderReference (shader-cache.js:75:1)
    at Object.getShaderReference [as shader] (shader-cache.js:131:1)
    at proto.update (index.js:109:1)
    at createShader (index.js:255:1)
    at Surface._makeShader (createSurface.js:538:1)
    at Surface._getShader (createSurface.js:547:1)
    at Node._getShader (Node.js:764:1)
    at Node._draw (Node.js:828:1)
    at Surface._draw (createSurface.js:590:1)

已准备好可复现问题的代码沙箱，且确认着色器本身可正常运行，但在React环境中无法生效。唯一能运行的库是react-three-fiber，但该库存在UV坐标异常的问题。

内容的提问来源于stack exchange，提问作者Daniel Zufrí Quesada