react 19 + leva = error ReactDOM render is not a function

[chrisweb]

I was testing r3f v9 beta 1 with react 19 (which is included in the latest next.js 15 stable that got released a day ago), I then added leva to the mix, I however encountered the following error:

TypeError: react_dom__WEBPACK_IMPORTED_MODULE_0__.render is not a function

The error is in the vector-plugin file (in the render function): ReactDOM.render(element, container);

I have created a reproduction repository if you want to have a look at the error for yourself

I assume this error is related to changes in react 19

[sovetski]

Same here..

[jamesvclements]

@chrisweb @sovetski make sure you're rendering the panel as well

[chrisweb]

@jamesvclements thx for the suggestion, I have added <Leva /> for a quick test, but it made no difference: chrisweb/nextjs_three-fiber_reproduction@a0d0ddc

The example currently in the main branch is an attempt to reduce the amount of code to minimum, but I did more test that are not in the final commit, however none of them had any impact, I used a lot of the examples found here: https://sbcode.net/react-three-fiber/leva/

Btw the original example I used, and which demonstrates that using react three fiber v8 everything works perfectly well, is from the react-postprocessing documentation for hue/sat, and the original code is in their codesandbox example

[wilsonhou]

got this bug too^

[sndrgb]

I see #511 hope they merge the pr soon

[EdamAme-x]

Same issue

this is my enviroment

    "@react-three/drei": "^9.120.4",
    "@react-three/fiber": "9.0.0-rc.1",
    "@react-three/postprocessing": "^2.16.3",

    "postprocessing": "^6.36.4",
    "react": "19.0.0-rc-66855b96-20241106",
    "react-dom": "19.0.0-rc-66855b96-20241106",

    "three": "^0.170.0",
    "three-stdlib": "^2.34.0"