TypeError: Cannot redefine property: _currentRenderer

[aniketbiprojit]

Build fails with Cannot redefine property: _currentRenderer

Next Version: 12.3.1
@react-three/fiber: ^8.8.3
Three: ^0.144.0

const nextConfig = {
  reactStrictMode: true,
  swcMinify: true
}

const withTM = require('next-transpile-modules')(['three'])
module.exports = withTM(nextConfig)

<div style={{ width: '100vw', height: '100vh', color: 'black' }} className='box'>
  <Canvas>
	  <ambientLight intensity={0.1} />
	  <directionalLight color='blue' position={[0, 0, 5]} />
	  <mesh>
		  <boxGeometry />
		  <meshStandardMaterial />
	  </mesh>
  </Canvas>
</div>

[max-ch9i]

I can verify that the issue happens on @react-three/fiber versions 8.8.1 and greater.
Works as expected on 8.8.0.

[below-1]

Same here. And it only throws on production mode

[joshuaellis]

Someone should provide a reproduction of this bug, if possible stackblitz, else a github repo. This reproduction should be a minimal example.

[max-ch9i]

Sharing stackblitz: https://stackblitz.com/edit/nextjs-hxd5if?file=pages/index.js

Run: npm install && npx next build && npx next start

[CodyJasonBennett]

Published a quick fix in v8.8.6.

[max-ch9i]

Thanks @CodyJasonBennett . I can confirm <Canvas/> works fine for v8.8.6.

[max-ch9i]

Do you think protectwise/troika#220 is related?

[drcmda]

doesn't look related to me.

[aniketbiprojit]

Wow. That was quick. Thanks.