Bug: Renderer's state isn't reset completely

[codedpalette]

Current Behavior

When sharing pixi.js canvas with other frameworks (like three.js) and calling renderer.runners.reset.emit() between rendering with three and pixi, pixi.js is unable to render the scene, and webgl warning INVALID_OPERATION: uniformMatrix3fv: location is not from current program is emitted in the console.

Expected Behavior

Both frameworks are able to render their corresponding scenes successfully

Steps to Reproduce

1. Create Pixi.js WebGLRenderer
2. Create Three.js WebGLRenderer and pass it the canvas that Pixi.js Renderer created
3. Run pixiRenderer.runners.reset.emit()
4. Render something with Pixi.js
5. Run `threeRenderer.resetState()
6. Render something with three.js
7. Go to step 3

Next render from Pixi.js will fail, while three.js will render successfully

Environment

• pixi.js version: 8.1.0
• Browser & Version: Arc Browser Version 1.40.1 (49250) (Chromium Engine Version 124.0.6367.92)
• OS & Version: macOS Sonoma 14.4.1
• Running Example: https://codesandbox.io/p/sandbox/peaceful-voice-xrkrcl

Possible Solution

If instead of renderer.runners.reset.emit() you call renderer.runners.contextChange.emit(renderer.gl) the problem goes away

Additional Information

No response

[GoodBoyDigital]

heya, sorry for the late response on this one! we will get to it soon!