Fix. Setting. React components i18n fixed.

js/src/react/components/SpbctAboutCT.js

@@ -1,10 +1,8 @@
 import React from 'react';
-import {useI18n} from '@wordpress/react-i18n';
+const { __, _x, _n, _nx } = wp.i18n;
 
 export function SpbctAboutCT(props) {
 
-    const {__} = useI18n();
-
     // @ToDO Need to set state 'data'?
     //this.state = {date: new Date()};
     const data = props.data;

js/src/react/components/SpbctPage.js

@@ -1,11 +1,9 @@
 import React, {useEffect} from 'react';
-import {useI18n} from '@wordpress/react-i18n';
 import {SpbctAboutCT} from './SpbctAboutCT';
+const { __, _x, _n, _nx } = wp.i18n;
 
 export function SpbctPage(props) {
 
-    const {__} = useI18n();
-
     // @ToDO Need to set state 'data'?
     //this.state = {date: new Date()};
 

js/src/react/components/SpbctPageTabs.js

@@ -1,10 +1,8 @@
 import React, {useEffect} from 'react';
-import {useI18n} from '@wordpress/react-i18n';
+const { __, _x, _n, _nx } = wp.i18n;
 
 export function SpbctPageTabs(props) {
 
-    const {__} = useI18n();
-
     // @ToDO Need to set state 'data'?
     //this.state = {date: new Date()};
 

js/src/react/index.js

@@ -1,8 +1,5 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import {createI18n} from '@wordpress/i18n';
-import {I18nProvider} from '@wordpress/react-i18n';
-const i18n = createI18n();
 import {SpbctPage} from './components/SpbctPage';
 import {SpbctPageTabs} from './components/SpbctPageTabs';
 import {SpbctAboutCT} from './components/SpbctAboutCT';
@@ -22,11 +19,7 @@ addEventListener('spbctPage', (event) => {
             return;
         }
 
-        root.render(
-            <I18nProvider i18n={i18n}>
-                <SpbctPage data={data} />
-            </I18nProvider>
-        );
+        root.render(<SpbctPage data={data} />);
     }
     if (aboutCTElement !== null) {
 
@@ -39,11 +32,7 @@ addEventListener('spbctPageTabs', (event) => {
 
     if (targetElement !== null) {
         const root = ReactDOM.createRoot(targetElement);
-        root.render(
-            <I18nProvider i18n={i18n}>
-                <SpbctPageTabs data={data} />
-            </I18nProvider>
-        );
+        root.render(<SpbctPageTabs data={data} />);
     }
 });
 
@@ -53,10 +42,6 @@ addEventListener('spbctMobAboutCT', (event) => {
 
     if (targetElement !== null) {
         const root = ReactDOM.createRoot(targetElement);
-        root.render(
-            <I18nProvider i18n={i18n}>
-                <SpbctAboutCT data={data} />
-            </I18nProvider>
-        );
+        root.render(<SpbctAboutCT data={data} />);
     }
 });

package.json

@@ -20,8 +20,6 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "webpack": "^5.74.0",
-    "webpack-cli": "^4.10.0",
-    "@wordpress/i18n": "^5.9.0",
-    "@wordpress/react-i18n": "^4.9.0"
+    "webpack-cli": "^4.10.0"
   }
 }