v5.0.2: fix properly getting createRoot from ReactDOMClient

Author: 10xSebastian

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@depay/react-shadow-dom",
   "moduleName": "ReactShadowDOM",
-  "version": "5.0.1",
+  "version": "5.0.2",
   "description": "A library to easily render react compatible shadow DOMs for web components with individual styling for inside and outside.",
   "main": "./dist/umd/index.js",
   "module": "./dist/esm/index.js",

rollup.globals.js

@@ -1,3 +1,4 @@
 export default {
-  'react-dom': 'ReactDOM'
+  'react-dom': 'ReactDOM',
+  'react-dom/client': 'ReactDOMClient',
 }

src/index.js

@@ -1,4 +1,4 @@
-import { createRoot } from 'react-dom/client'
+import * as ReactDOMClient from 'react-dom/client'
 import { createInsideContainer } from './insideContainer'
 import { createOutsideContainer } from './outsideContainer'
 import { createShadow } from './shadow'
@@ -32,7 +32,7 @@ function ReactShadowDOM({
     content = content(insideContainer)
   }
 
-  const insideRoot = createRoot(insideContainer)
+  const insideRoot = ReactDOMClient.createRoot(insideContainer)
   insideRoot.render(content)
 
   return { content, unmount: () => unmount({ insideRoot, outsideContainer }) }