Error: Failed to load external module @react-three/fiber: TypeError: Cannot read properties of undefined (reading 'ReactCurrentOwner')

[raf-microsoft]

I'm having this issue in the new Next.js 15.1.0 project:

I tried to clear npm_modules and install again, test a few other examples and add "use client". The same issue.
 
My component:

import { Suspense } from 'react'
import { Canvas } from '@react-three/fiber'

const Test = () => {

    return (
        <Canvas>
            <Suspense>
                Test
            </Suspense>
        </Canvas>
    );
};

export default Test;

next.config.js

import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  reactStrictMode: false,
  distDir: 'build',
  images: {
    domains: ['localhost'],
  },
  transpilePackages: ['three'],
};

export default nextConfig;

part of the package.json

"dependencies": {
    "@fluentui-contrib/react-chat": "^0.1.10",
    "@fluentui/react-components": "^9.56.8",
    "@react-three/drei": "^9.120.4",
    "@react-three/fiber": "^8.17.10",
    "@types/three": "^0.171.0",
    "next": "15.1.0",
    "react": "^19.0.0",
    "react-dom": "^19.0.0",
    "three": "^0.171.0"
  },

[raf-microsoft]

Ok, I found the answer here: vercel/next.js#66468 @react-three/fiber has no support for React 19. You need to use @react-three/fiber@alpha when you're using Next.js 15. Problem patched with the alpha version.

[taseenb]

RC1 works with react 19: https://www.npmjs.com/package/@react-three/fiber/v/9.0.0-rc.1

But it crashes with Drei Bvh component.