React 19 support - "Cannot read properties of undefined (reading 'ReactCurrentOwner')"

[AndrewRayCode]

I'm not sure yet, but react-three-fiber may not be compatible with React 19. Running react-three-fiber in react@19.0.0-rc-66855b96-20241106 raises an error:

hook.js:608 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_9ff2d1._.js:1687:36)

I had to install @react-three/fiber with --force because react@19.0.0-rc... apparently does not satisfy the >=18

npm install --save three @types/three @react-three/fiber
npm error Could not resolve dependency:
npm error peer react@">=18.0" from @react-three/fiber@8.17.10
npm error node_modules/@react-three/fiber
npm error @react-three/fiber@"*" from the root project

This is an issue because npx create-next-app apparently uses react rc19. I tried downgrading it with

npm uninstall react react-dom
npm install react@18.2.0 react-dom@18.2.0

But same error in browser. Either way it looks like there might be reconciler(?) changes in React 19 that r3f does not currently support.

[pooya-badiee]

For me at least, It does not work with next 15 in general, I don't know if it is a problem with next 15 or react 19

[iamdangavin]

It looks to be a Next 15 compatibility issue that is discussed in this thread #3222

[AndrewRayCode]

closing as dupe then!

[pooya-badiee]

based on the linked issue. the way to fix it now is to use the @react-three/fiber@alpha.