diff --git a/src/components/GeneratePressControl.js b/src/components/GeneratePressControl.js
index 1992b3c0..3bee0f60 100644
--- a/src/components/GeneratePressControl.js
+++ b/src/components/GeneratePressControl.js
@@ -1,5 +1,5 @@
+import render from '../utils/react-render';
 import {
-	render,
 	unmountComponentAtNode,
 } from '@wordpress/element';
 
diff --git a/src/customizer-controls/title/GeneratePressTitleControl.js b/src/customizer-controls/title/GeneratePressTitleControl.js
index c7adc27b..414602c3 100644
--- a/src/customizer-controls/title/GeneratePressTitleControl.js
+++ b/src/customizer-controls/title/GeneratePressTitleControl.js
@@ -1,7 +1,7 @@
+import render from '../../utils/react-render';
 import GeneratePressTitleControlForm from './GeneratePressTitleControlForm';
 
 import {
-	render,
 	unmountComponentAtNode,
 } from '@wordpress/element';
 
diff --git a/src/customizer-controls/wrapper/GeneratePressWrapperControl.js b/src/customizer-controls/wrapper/GeneratePressWrapperControl.js
index 97f04459..c91cf1ab 100644
--- a/src/customizer-controls/wrapper/GeneratePressWrapperControl.js
+++ b/src/customizer-controls/wrapper/GeneratePressWrapperControl.js
@@ -1,7 +1,7 @@
+import render from '../../utils/react-render';
 import classnames from 'classnames';
 
 import {
-	render,
 	unmountComponentAtNode,
 } from '@wordpress/element';
 
diff --git a/src/dashboard/go-pro/index.js b/src/dashboard/go-pro/index.js
index 4f862104..189a038b 100644
--- a/src/dashboard/go-pro/index.js
+++ b/src/dashboard/go-pro/index.js
@@ -1,3 +1,5 @@
+import render from '../../utils/react-render';
+
 /**
  * WordPress dependencies
  */
@@ -11,7 +13,6 @@ import {
 } from '@wordpress/components';
 
 import {
-	render,
 	useState,
 	useEffect,
 } from '@wordpress/element';
diff --git a/src/dashboard/reset/index.js b/src/dashboard/reset/index.js
index 51e4106a..efcafb44 100644
--- a/src/dashboard/reset/index.js
+++ b/src/dashboard/reset/index.js
@@ -1,3 +1,5 @@
+import render from '../../utils/react-render';
+
 /**
  * WordPress dependencies
  */
@@ -12,7 +14,6 @@ import {
 } from '@wordpress/components';
 
 import {
-	render,
 	useState,
 	useEffect,
 } from '@wordpress/element';
diff --git a/src/dashboard/start-customizing/index.js b/src/dashboard/start-customizing/index.js
index 0fdc7c0e..bc6be795 100644
--- a/src/dashboard/start-customizing/index.js
+++ b/src/dashboard/start-customizing/index.js
@@ -1,3 +1,5 @@
+import render from '../../utils/react-render';
+
 /**
  * WordPress dependencies
  */
@@ -11,7 +13,6 @@ import {
 } from '@wordpress/components';
 
 import {
-	render,
 	useState,
 	useEffect,
 } from '@wordpress/element';
diff --git a/src/utils/react-render/index.js b/src/utils/react-render/index.js
new file mode 100644
index 00000000..01d125db
--- /dev/null
+++ b/src/utils/react-render/index.js
@@ -0,0 +1,9 @@
+import { render, createRoot } from '@wordpress/element';
+
+export default function( component, root ) {
+	if ( undefined !== createRoot ) {
+		createRoot( root ).render( component );
+	} else {
+		render( component, root );
+	}
+}