chore(deps): lock file maintenance npm dependencies (#6282)

* chore(deps): lock file maintenance npm dependencies

* chore(deps): run pnpm update

* chore: add parserOptions

* refactor: fix @eslint-react/no-implicit-key

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Slinetrac <realakayuki@gmail.com>

eslint.config.ts

@@ -37,6 +37,11 @@ export default defineConfig([
 
     languageOptions: {
       globals: globals.browser,
+      parserOptions: {
+        projectService: {
+          allowDefaultProject: ["src/polyfills/*.js"],
+        },
+      },
     },
 
     settings: {

package.json

@@ -52,25 +52,25 @@
     "@tauri-apps/plugin-fs": "^2.4.5",
     "@tauri-apps/plugin-http": "~2.5.7",
     "@tauri-apps/plugin-process": "^2.3.1",
-    "@tauri-apps/plugin-shell": "2.3.4",
+    "@tauri-apps/plugin-shell": "2.3.5",
-    "@tauri-apps/plugin-updater": "2.9.0",
+    "@tauri-apps/plugin-updater": "2.10.0",
     "ahooks": "^3.9.6",
-    "axios": "^1.13.4",
+    "axios": "^1.13.5",
     "dayjs": "1.11.19",
     "foxact": "^0.2.52",
     "foxts": "^5.2.1",
-    "i18next": "^25.8.3",
+    "i18next": "^25.8.4",
     "ipaddr.js": "^2.3.0",
     "js-yaml": "^4.1.1",
     "lodash-es": "^4.17.23",
     "monaco-editor": "^0.55.1",
     "monaco-yaml": "^5.4.0",
     "nanoid": "^5.1.6",
-    "react": "19.2.3",
+    "react": "19.2.4",
-    "react-dom": "19.2.3",
+    "react-dom": "19.2.4",
     "react-error-boundary": "6.1.0",
     "react-hook-form": "^7.71.1",
-    "react-i18next": "16.5.3",
+    "react-i18next": "16.5.4",
     "react-markdown": "10.1.0",
     "react-router": "^7.13.0",
     "react-virtuoso": "^4.18.1",
@@ -81,13 +81,13 @@
   },
   "devDependencies": {
     "@actions/github": "^9.0.0",
-    "@eslint-react/eslint-plugin": "^2.9.4",
+    "@eslint-react/eslint-plugin": "^2.12.2",
-    "@eslint/js": "^10.0.0",
+    "@eslint/js": "^10.0.1",
-    "@tauri-apps/cli": "2.9.6",
+    "@tauri-apps/cli": "2.10.0",
     "@types/js-yaml": "^4.0.9",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^24.10.10",
+    "@types/node": "^24.10.12",
-    "@types/react": "19.2.9",
+    "@types/react": "19.2.13",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-legacy": "^7.2.1",
     "@vitejs/plugin-react-swc": "^4.2.3",
@@ -102,7 +102,7 @@
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react-compiler": "19.1.0-rc.2",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
+    "eslint-plugin-react-refresh": "^0.5.0",
     "eslint-plugin-unused-imports": "^4.3.0",
     "glob": "^13.0.1",
     "globals": "^17.3.0",
@@ -130,7 +130,7 @@
     ]
   },
   "type": "module",
-  "packageManager": "pnpm@10.28.0",
+  "packageManager": "pnpm@10.29.2",
   "pnpm": {
     "onlyBuiltDependencies": [
       "@parcel/watcher",

src/components/profile/groups-editor-viewer.tsx

@@ -490,11 +490,18 @@ export const GroupsEditorViewer = (props: Props) => {
                         ]}
                         value={field.value}
                         getOptionLabel={translateStrategy}
-                        renderOption={(props, option) => (
+                        renderOption={(props, option) => {
-                          <li {...props} title={translateStrategy(option)}>
+                          const { key, ...optionProps } = props;
-                            {translateStrategy(option)}
+                          return (
-                          </li>
+                            <li
-                        )}
+                              key={key}
+                              {...optionProps}
+                              title={translateStrategy(option)}
+                            >
+                              {translateStrategy(option)}
+                            </li>
+                          );
+                        }}
                         onChange={(_, value) => value && field.onChange(value)}
                         renderInput={(params) => <TextField {...params} />}
                       />
@@ -557,11 +564,18 @@ export const GroupsEditorViewer = (props: Props) => {
                         disableCloseOnSelect
                         onChange={(_, value) => value && field.onChange(value)}
                         renderInput={(params) => <TextField {...params} />}
-                        renderOption={(props, option) => (
+                        renderOption={(props, option) => {
-                          <li {...props} title={translatePolicy(option)}>
+                          const { key, ...optionProps } = props;
-                            {translatePolicy(option)}
+                          return (
-                          </li>
+                            <li
-                        )}
+                              key={key}
+                              {...optionProps}
+                              title={translatePolicy(option)}
+                            >
+                              {translatePolicy(option)}
+                            </li>
+                          );
+                        }}
                         getOptionLabel={translatePolicy}
                       />
                     </Item>

src/components/profile/rules-editor-viewer.tsx

@@ -557,11 +557,12 @@ export const RulesEditorViewer = (props: Props) => {
                     t(RULE_TYPE_LABEL_KEYS[option.name] ?? option.name)
                   }
                   renderOption={(props, option) => {
+                    const { key, ...optionProps } = props;
                     const label = t(
                       RULE_TYPE_LABEL_KEYS[option.name] ?? option.name,
                     );
                     return (
-                      <li {...props} title={label}>
+                      <li key={key} {...optionProps} title={label}>
                         {label}
                       </li>
                     );
@@ -624,9 +625,10 @@ export const RulesEditorViewer = (props: Props) => {
                     t(PROXY_POLICY_LABEL_KEYS[option] ?? option)
                   }
                   renderOption={(props, option) => {
+                    const { key, ...optionProps } = props;
                     const label = t(PROXY_POLICY_LABEL_KEYS[option] ?? option);
                     return (
-                      <li {...props} title={label}>
+                      <li key={key} {...optionProps} title={label}>
                         {label}
                       </li>
                     );