v9 of r3f not working at all

[narasaka]

The problem

using the latest nextjs version (15.1.7) and the latest r3f (9.0.2), here's my code:

import { Canvas } from "@react-three/fiber";

export default function Home() {
  return (
    <div>
      <Canvas />
    </div>
  );
}

the error for me (using chrome): Error: Failed to load external module @react-three/fiber: TypeError: Cannot read properties of undefined (reading 'S')

my actual code has a bunch more going on in Canvas and the upgrade to v9 completely broke it, and i am quite sure that this is not a "me problem" because the docs website has the same error.

chromium-based browsers seem to have this error:

firefox / zen:

Current workaround that im using

downgrade r3f to v8

[CodyJasonBennett]

This is similar to the error our docs are getting, #3412 (now fixed in 922fcaf), except now it was using React 18 but with R3F v9, which requires React 19. I know Next 15 bundles its own copy of React under the hood, but are you installing React 19 with your project?