diff --git a/.github/dependabot.yml b/.github/dependabot.yml
index d9875811..8ba32d9f 100644
--- 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
index 7c43efcf..891f39f2 100644
--- 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( , root );
+ const root = createRoot( container );
+
+ root.render(
+
+
+
+ );
} );