From aa07c73454b9e719517d4adae8a002b81b7d2082 Mon Sep 17 00:00:00 2001
From: Bart van den Aardweg <bartvandenaardweg@gmail.com>
Date: Wed, 22 Mar 2023 17:47:48 +0100
Subject: [PATCH] fix(preview): reactdom available

---
 packages/cli/package.json                         | 2 +-
 packages/preview/src/containers/Preview/index.tsx | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

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 />);