Fixed untranslated error message and added french suffix country code.

frontend/package.json

@@ -22,7 +22,7 @@
     "@types/react-router": "5.1.18",
     "@types/webpack": "^5.28.1",
     "husky": "^8.0.3",
-    "i18next-parser": "^7.7.0",
+    "i18next-parser": "^7.9.0",
     "import-sort-style-module": "^6.0.0",
     "inquirer": "^8.2.5",
     "prettier": "^2.8.8",
@@ -33,7 +33,7 @@
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-external-globals": "^0.6.1",
     "rollup-plugin-polyfill-node": "^0.10.2",
-    "tslib": "^2.5.0",
+    "tslib": "^2.5.2",
     "typescript": "^4.9.5"
   },
   "importSort": {
@@ -44,10 +44,10 @@
   },
   "dependencies": {
     "decky-frontend-lib": "3.20.7",
-    "i18next": "^22.4.15",
-    "i18next-http-backend": "^2.2.0",
+    "i18next": "^22.5.0",
+    "i18next-http-backend": "^2.2.1",
     "react-file-icon": "^1.3.0",
-    "react-i18next": "^12.2.2",
+    "react-i18next": "^12.3.1",
     "react-icons": "^4.8.0",
     "react-markdown": "^8.0.7",
     "remark-gfm": "^3.0.1"

frontend/src/plugin-loader.tsx

@@ -1,5 +1,6 @@
 import { ConfirmModal, ModalRoot, Patch, QuickAccessTab, Router, showModal, sleep } from 'decky-frontend-lib';
 import { FC, lazy } from 'react';
+import { Trans, Translation } from 'react-i18next';
 import { FaCog, FaExclamationCircle, FaPlug } from 'react-icons/fa';
 
 import { DeckyState, DeckyStateContextProvider, useDeckyState } from './components/DeckyState';
@@ -255,26 +256,25 @@ class PluginLoader extends Logger {
       } catch (e) {
         //this.error(t('PluginLoader.plugin_load_error.message', { name: name }), e);
         this.error('Error loading plugin ' + name, e);
-        /*const TheError: FC<{}> = () => (
-          <>
-            {t('PluginLoader.error')}:{' '}
-            <pre>
-              <code>{e instanceof Error ? e.stack : JSON.stringify(e)}</code>
-            </pre>
-            <>{t('PluginLoader.plugin_error_uninstall', { icon: "<FaCog style={{ display: 'inline' }} />" })}</>
-          </>
-        );*/
         const TheError: FC<{}> = () => (
-          <>
-            Error:{' '}
-            <pre>
-              <code>{e instanceof Error ? e.stack : JSON.stringify(e)}</code>
-            </pre>
-            <>
-              Please go to <FaCog style={{ display: 'inline' }} /> in the Decky menu if you need to uninstall this
-              plugin.
-            </>
-          </>
+          <Translation>
+            {(t, {}) => {
+              return (
+                <>
+                  {t('PluginLoader.error')}:{' '}
+                  <pre>
+                    <code>{e instanceof Error ? e.stack : JSON.stringify(e)}</code>
+                  </pre>
+                  <>
+                    <Trans
+                      i18nKey="PluginLoader.plugin_error_uninstall"
+                      components={[<FaCog style={{ display: 'inline' }} />]}
+                    />
+                  </>
+                </>
+              );
+            }}
+          </Translation>
         );
         this.plugins.push({
           name: name,