Use createRoot (#1099)

* Use `createRoot` * Use `StrictMode` * Fix formatting
swissspidy · Aug 5, 2024 · 11a6847 · 11a6847
1 parent 8a4dd94
commit 11a6847
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
@@ -17,9 +17,9 @@ updates:
           interval: weekly
       open-pull-requests-limit: 10
       groups:
-        wp-packages:
-          patterns:
-            - '@wordpress/*'
+          wp-packages:
+              patterns:
+                  - '@wordpress/*'
 
     - package-ecosystem: composer
       directory: '/'

diff --git a/src/preferred-languages.tsx b/src/preferred-languages.tsx
@@ -1,4 +1,4 @@
-import { render } from '@wordpress/element';
+import { createRoot, StrictMode } from '@wordpress/element';
 import domReady from '@wordpress/dom-ready';
 
 import './preferred-languages.css';
@@ -26,28 +26,34 @@ domReady( () => {
 		return;
 	}
 
-	const root = document.querySelector( '#preferred-languages-root' );
+	const container = document.querySelector( '#preferred-languages-root' );
 
 	// Replace original language settings with the Preferred Languages UI.
 
 	// User Profile.
 	document
 		.querySelector( '.user-language-wrap' )
-		?.replaceWith( root.parentElement.parentElement );
+		?.replaceWith( container.parentElement.parentElement );
 
 	// Settings -> General.
 	document
 		.querySelector( '.options-general-php #WPLANG' )
 		?.parentElement?.parentElement?.replaceWith(
-			root.parentElement.parentElement
+			container.parentElement.parentElement
 		);
 
 	// Network Settings.
 	document
 		.querySelector( '.network-admin.settings-php #WPLANG' )
 		?.parentElement?.parentElement?.replaceWith(
-			root.parentElement.parentElement
+			container.parentElement.parentElement
 		);
 
-	render( <PreferredLanguages { ...props } />, root );
+	const root = createRoot( container );
+
+	root.render(
+		<StrictMode>
+			<PreferredLanguages { ...props } />
+		</StrictMode>
+	);
 } );