From 55d458f893548459a68ebd3213fa9f7eb573668b Mon Sep 17 00:00:00 2001
From: Dany Castillo <31006608+dcastil@users.noreply.github.com>
Date: Mon, 11 Apr 2022 10:16:04 +0200
Subject: [PATCH] fix type issues

---
 demos/setup/react.ts | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/demos/setup/react.ts b/demos/setup/react.ts
index 31eb7486..a9867226 100644
--- a/demos/setup/react.ts
+++ b/demos/setup/react.ts
@@ -1,5 +1,5 @@
 import React from 'react'
-import ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 import 'iframe-resizer/js/iframeResizer.contentWindow'
 import { debug, splitName } from './helper'
 import './style.scss'
@@ -13,8 +13,11 @@ export default function init(name: string, source: any) {
 
   import(`../src/${demoCategory}/${demoName}/React/index.jsx`)
     .then(module => {
-      // @ts-ignore waiting for https://github.com/DefinitelyTyped/DefinitelyTyped/pull/56210
-      ReactDOM.createRoot(document.getElementById('app')).render(React.createElement(module.default))
+      const root = document.getElementById('app')
+
+      if (root) {
+        createRoot(root).render(React.createElement(module.default))
+      }
       debug()
     })
 }