v9 + WebGPURenderer: gl.xr.addEventListener is not a function

[verekia]

With R3F v9.0.0-rc.1 and r171, there is a TypeError: gl.xr.addEventListener is not a function error:

Reproduction:

• git clone [email protected]:verekia/three-gpu-ecosystem-tests.git
• cd three-gpu-ecosystem-tests
• cd next15-app-r3f9-react19
• npm i --legacy-peer-deps

In next15-app-r3f9-react19/app/page.js, comment out the workaround:

    <Canvas
      style={{ height: '100vh' }}
      gl={canvas => new WebGPURenderer({ canvas })}
      // gl={canvas => {
      //   const renderer = new WebGPURenderer({ canvas })
      //   renderer.xr = { addEventListener: () => {} }
      //   return renderer
      // }}
    >

• npm run dev
• Open http://localhost:3000

[krispya]

@CodyJasonBennett do you know why this method is required and why it does not exist for WebGPURenderer?

[CodyJasonBennett]

This is required, so we switch to requestAnimationLoop for WebXRManager to work. This is currently unsupported by WebGPURenderer in three.js mrdoob/three.js#28968. I did relax this check on v8 nearly two years ago in #2947, but never picked it into v9. The next release candidate will contain this fix.

[verekia]

As of Three r173, there is no gl.xr.addEventListener is not a function error anymore.
gl={canvas => new WebGPURenderer({ canvas })} works fine.
Feel free to close if there is nothing else to do on R3F's end!

[CodyJasonBennett]

This is fixed since 9.0.0-rc.2, and latest RC supports an asynchronous gl prop.