Reusable Blocks: Use React 18 APIs (#48244)

WordPress · Feb 21, 2023 · 1bc75d5 · 1bc75d5 · github-actions · Feb 21, 2023
1 parent 54e61e8
commit 1bc75d5
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/list-reusable-blocks/src/index.js b/packages/list-reusable-blocks/src/index.js
@@ -1,7 +1,7 @@
 /**
  * WordPress dependencies
  */
-import { render } from '@wordpress/element';
+import { createRoot } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 
 /**
@@ -45,5 +45,7 @@ document.addEventListener( 'DOMContentLoaded', () => {
 	const container = document.createElement( 'div' );
 	container.className = 'list-reusable-blocks__container';
 	button.parentNode.insertBefore( container, button );
-	render( <ImportDropdown onUpload={ showNotice } />, container );
+	createRoot( container ).render(
+		<ImportDropdown onUpload={ showNotice } />
+	);
 } );