react-three/[email protected] - "TypeError: a is not a function"

[JHansen2000]

I just installed the latest release of react-three/drei (9.77.7) and am receiving this error when rendering a canvas.

- error node_modules/@react-three/drei/index.cjs.js (1:8648) @ eval
- error TypeError: a is not a function

// threejs/page
import { NextPage } from "next"
import { Canvas } from "@react-three/fiber"
import { OrbitControls } from "@react-three/drei"

const ThreeJSPage : NextPage = () => {
    return (
        <Canvas
            shadows
            camera={{
                position: [4, 3, 0],
            }}
        >
            <ambientLight intensity={0.1} />
            <spotLight position={[3, 5, 2]}/>
            <OrbitControls />
        </Canvas>
    )
}
export default ThreeJSPage

This error is resolved when downgrading react-three/drei.

[jglee96]

I've been spending time since this afternoon with the same error.
In my case, it appears when I run test (npx vitest, jest).
Therefore, I make some codesandbox. (vitest-version, jest-version)

Also, I found that the "a" is create of zustand which is in here

What version did you downgrade to?

[JHansen2000]

I downgraded to version 9.76.0 to fix the issue. Please let me know if you find another way around this problem, though. I would like to keep my packages current wherever possible.

[jglee96]

under v9.77.7 (v9.77.6 ~)

v9.77.7

The v9.77.7 was released yesterday.
There are rollup changes in the release, and this seems to be causing this issue.

[jglee96]

#1544

[belgattitude]

9.77.6 works fine. Reproduction with nextjs available in belgattitude/artist#6 (updated to 9.77.7)