drawElements: no valid shader program in use

[cqh963852]

gl.drawElements will give an error at new opened window.

But threejs demo can work in a new opened window

The project is at https://github.com/idealjs/xrhub-demo. Simply start it at example folder

[CodyJasonBennett]

What are you trying to do here? Also, gl.drawElements is called by three.js, but it seems you're trying to use a renderer between two windows which will give you undefined behavior -- you must create another canvas/renderer since context is isolated.

[cqh963852]

I am creating a editor app with multiple windows.

The popout window is create by window.open. render by react createPortal.

I'm not sure about the relationship between renderers, But the renderer created by threejs is work in popout window.

you must create another canvas/renderer since context is isolated.

I don't know If there is any difference between Test component and BoxDemo component. I'll do some more research. Thanks a lot.

[drcmda]

i dont really see the connection, you have one component which executes threejs in a useEffect. it will double render btw because react will execute all effects twice in dev mode. and then you have a fiber canvas. what is the connection between the two?

if this is about sharing, i believe you can't share data/geometry/materials between two threejs instances, nor is having multiple canvases a good idea because it will be more memory, less performance and the browser can shut it down at will.

instead use drei/view https://github.com/pmndrs/drei#view