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^