Next Js and React Incompatability with three.js

[jayasurya261]

Summary

TypeError: Cannot read properties of undefined (reading 'ReactCurrentOwner')
at $$$reconciler (react-reconciler.development.js:498:46)
at createRenderer (events-321b05fb.esm.js:223:31)
at [project]/node_modules/@react-three/fiber/dist/events-321b05fb.esm.js [app-client] (:3000/ecmascript) (http://localhost:3000/_next/static/chunks/node_modules_%40react-three_fiber_dist_613432._.js:1687:36)
at dev-base.ts:205:21
at runModuleExecutionHooks (dev-base.ts:264:5)
at instantiateModule (dev-base.ts:203:5)
at getOrInstantiateModuleFromParent (dev-base.ts:132:10)
at esmImport (runtime-utils.ts:214:18)
at [project]/node_modules/@react-three/fiber/dist/events-321b05fb.esm.js [app-client] (:3000/ecmascript) (http://localhost:3000/_next/static/chunks/node_modules_%40react-three_fiber_dist_613432._.js:2305:185)
at dev-base.ts:205:21
at runModuleExecutionHooks (dev-base.ts:264:5)
at instantiateModule (dev-base.ts:203:5)
at getOrInstantiateModuleFromParent (dev-base.ts:132:10)
at esmImport (runtime-utils.ts:214:18)
at [project]/components/ui/Globe.tsx [app-client] (:3000/ecmascript) (http://localhost:3000/_next/static/chunks/_0e24bf._.js:23:216)
at dev-base.ts:205:21
at runModuleExecutionHooks (dev-base.ts:264:5)
at instantiateModule (dev-base.ts:203:5)
at getOrInstantiateModuleFromParent (dev-base.ts:132:10)
at esmImport (runtime-utils.ts:214:18)
at components_ui_Globe_tsx_6a16e3._.js:23:16

Additional information

I am encounter this error when i use github globe animation provided by acernity UI i think the problem is three.js i also use react 19.0.0 then i downgraded to 18.3.0 but never works

Example

No response