fix(preview): reactdom available

instantcommerce · Mar 22, 2023 · aa07c73 · aa07c73
1 parent 2d97aa5
commit aa07c73
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@instantcommerce/cli",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "author": "Instant Commerce B.V.",
   "license": "MIT",
   "bin": {

diff --git a/packages/preview/src/containers/Preview/index.tsx b/packages/preview/src/containers/Preview/index.tsx
@@ -1,13 +1,18 @@
 import { useEffect, useMemo, useState } from 'react';
 import * as React from 'react';
-import ReactDOM from 'react-dom/client';
+import * as ReactDOM from 'react-dom';
+import ReactDOMClient from 'react-dom/client';
 import { HelmetProvider } from 'react-helmet-async';
 
 import { getStore } from '../../lib/getStore';
 import { BlockRenderer } from './BlockRenderer';
 import { Head } from './Head';
 
 window.React = React;
+window.ReactDOM = {
+  ...ReactDOM,
+  ...ReactDOMClient,
+};
 
 const Preview = () => {
   const [error, setError] = useState('');
@@ -63,4 +68,4 @@ const Preview = () => {
   );
 };
 
-ReactDOM.createRoot(document.getElementById('root')!).render(<Preview />);
+ReactDOMClient.createRoot(document.getElementById('root')!).render(<Preview />);