Merge pull request #600 from tomusborne/fix/react-render

Fix react render methods

src/components/GeneratePressControl.js

@@ -1,5 +1,5 @@
+import render from '../utils/react-render';
 import {
-	render,
 	unmountComponentAtNode,
 } from '@wordpress/element';
 

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';
 

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';
 

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';

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';

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';

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 );
+	}
+}