Upgrade to React v19

Author: Tombarr

package-lock.json

@@ -13,23 +13,23 @@
   "dependencies": {
     "i18next": "^24.2.0",
     "i18next-browser-languagedetector": "^8.0.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "react-i18next": "^15.2.0",
     "react-router": "^7.1.1",
     "vite-plugin-svgr": "^4.3.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",
-    "@types/react": "^18.3.17",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^19.0.2",
+    "@types/react-dom": "^19.0.2",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.17.0",
-    "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react": "^7.37.3",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.16",
-    "globals": "^15.13.0",
-    "vite": "^6.0.3"
+    "globals": "^15.14.0",
+    "vite": "^6.0.5"
   },
   "repository": {
     "type": "git",

package.json

@@ -20,6 +20,7 @@ const getLanguageName = (contextLanguage, languageCode) => {
 function SettingsComponent() {
   const navigate = useNavigate();
   const [languageMenuVisible, setLanguageMenuVisible] = useState(location.hash.includes('#menu'));
+  const availableLanguages = Object.keys(i18n.services.resourceStore.data);
 
   const handlePopState = () => {
     if (languageMenuVisible) {
@@ -76,7 +77,7 @@ function SettingsComponent() {
         onMenuItemSelected={onMenuItemSelected}
         visible={languageMenuVisible}
         onClose={() => setLanguageMenuVisible(false)}>
-        {Object.keys(i18n.services.resourceStore.data).map((langCode) =>
+        {availableLanguages.map((langCode) =>
           <span key={langCode}>{getLanguageName(i18n.resolvedLanguage, langCode)}</span>
         )}
       </OptionsMenu>