diff --git a/packages/cli/package.json b/packages/cli/package.json
index 1725fe0..0d5ecbb 100644
--- 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
index c1e8e50..2931306 100644
--- a/packages/preview/src/containers/Preview/index.tsx
+++ b/packages/preview/src/containers/Preview/index.tsx
@@ -1,6 +1,7 @@
 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';
@@ -8,6 +9,10 @@ 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 />);