Upgrading dependencies, fixing related issues.

.babelrc

@@ -4,50 +4,47 @@
     "@babel/preset-react"
   ],
   "ignore": [
-    "/node_modules/"
+    "node_modules"
   ],
   "plugins": [
     ["formatjs", {
-        "ast": true
+      "ast": true
     }],
-    "transform-object-assign",
-    "transform-flow-strip-types",
-    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-transform-flow-strip-types",
+    "@babel/plugin-transform-class-properties",
     "@babel/plugin-transform-runtime",
     ["prismjs", {
       "languages": [
+        "arduino",
+        "bash",
+        "bison",
+        "cpp",
         "csharp",
         "css",
+        "cshtml",
         "go",
         "groovy",
+        "haskell",
         "java",
         "javascript",
         "kotlin",
         "markdown",
         "pascal",
         "php",
+        "prolog",
         "python",
         "rust",
         "scala",
-        "typescript",
-        "bash",
-        "cpp",
-        "haskell",
-        "cshtml",
-        "arduino",
-        "prolog",
-        "bash",
         "sql",
-        "bison"
+        "typescript"
       ],
       "theme": "default",
       "css": true
     }]
   ],
   "env": {
     "production": {
-      "plugins": [
-      ]
+      "plugins": []
     }
   }
 }

.github/workflows/ci.yml

@@ -7,7 +7,7 @@ jobs:
     runs-on: ubuntu-24.04
     strategy:
       matrix:
-        node-version: ['22', '24']
+        node-version: ['22', '24', '26']
     steps:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v1
@@ -22,7 +22,7 @@ jobs:
     runs-on: ubuntu-24.04
     strategy:
       matrix:
-        node-version: ['22', '24']
+        node-version: ['22', '24', '26']
     steps:
     - uses: actions/checkout@v2
     - uses: actions/setup-node@v1

.yarnrc.yml

@@ -1,7 +1,14 @@
+approvedGitRepositories:
+  - "**"
+
+compressionLevel: mixed
+
+enableGlobalCache: false
+
+enableScripts: true
+
 nodeLinker: node-modules
 
-plugins:
-  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
-    spec: "@yarnpkg/plugin-interactive-tools"
+npmMinimalAgeGate: 0
 
-yarnPath: .yarn/releases/yarn-3.2.2.cjs
+yarnPath: .yarn/releases/yarn-4.17.1.cjs

bin/dev.js

@@ -47,6 +47,7 @@ const server = new WebpackDevServer(
     },
     hot: true,
     host: 'localhost',
+    allowedHosts: 'all',
     port: WEBPACK_DEV_SERVER_PORT,
     devMiddleware: {
       stats: { colors: true },
@@ -58,6 +59,7 @@ const server = new WebpackDevServer(
 
 (async () => {
   await server.start();
+  /* eslint-disable-next-line no-console */
   console.log(
     `${colors.yellow('WebpackDevServer')} is running on ${colors.underline(
       `http://localhost:${WEBPACK_DEV_SERVER_PORT}`
@@ -74,5 +76,6 @@ server.listen(WEBPACK_DEV_SERVER_PORT, 'localhost', () => {
 });
 */
 app.listen(PORT, () => {
+  /* eslint-disable-next-line no-console */
   console.log(`${colors.green('WebApp')} is running on ${colors.underline(`http://localhost:${PORT}`)}`);
 });

eslint.config.mjs

@@ -1,6 +1,7 @@
 import { fixupConfigRules, fixupPluginRules } from '@eslint/compat';
 import react from 'eslint-plugin-react';
 import _import from 'eslint-plugin-import';
+import reactHooks from 'eslint-plugin-react-hooks';
 import babel from '@babel/eslint-plugin';
 import globals from 'globals';
 import babelParser from '@babel/eslint-parser';
@@ -24,6 +25,7 @@ export default [{
     ignores: ['node_modules/*', 'public/*'],
     plugins: {
         react: fixupPluginRules(react),
+        'react-hooks': reactHooks,
         import: fixupPluginRules(_import),
         babel,
     },
@@ -35,7 +37,7 @@ export default [{
           babelOptions: {
             babelrc: true,
             configFile: false,
-            presets: ["@babel/preset-react", "@babel/preset-env"]
+            presets: ['@babel/preset-react', '@babel/preset-env']
           }
         },
         globals: {
@@ -66,23 +68,40 @@ export default [{
     },
 
     rules: {
-        'import/default': 2,
-        'import/no-duplicates': 2,
-        'import/named': 2,
-        'import/namespace': 2,
-        'import/no-deprecated': 2,
-        'import/no-unresolved': 2,
-        'import/no-named-as-default': 2,
-        'react/no-did-update-set-state': 0,
-        'react/display-name': 0,
-        quotes: [2, 'single'],
-        'jsx-quotes': [2, 'prefer-double'],
-        'no-console': 1,
-        'no-unused-vars': 2,
-        'no-alert': 2,
-        'no-labels': 2,
-        'babel/semi': [2, 'always'],
-        'standard/computed-property-even-spacing': 0,
-        'space-before-function-paren': 0,
+      'import/default': 2,
+      'import/no-duplicates': 2,
+      'import/named': 2,
+      'import/namespace': 2,
+      'import/no-deprecated': 2,
+      'import/no-unresolved': 2,
+      'import/no-named-as-default': 2,
+      'react/no-did-update-set-state': 0,
+      'react/display-name': 0,
+      quotes: [2, 'single'],
+      'jsx-quotes': [2, 'prefer-double'],
+      'no-console': 1,
+      'no-unused-vars': 2,
+      'no-alert': 2,
+      'no-labels': 2,
+      '@/semi': [2, 'always'],
+      'standard/computed-property-even-spacing': 0,
+      'space-before-function-paren': 0,
+
+      'react-hooks/rules-of-hooks': 'error',
+      'react-hooks/exhaustive-deps': 'warn',
+      'react-hooks/config': 'error',
+      'react-hooks/error-boundaries': 'error',
+      'react-hooks/gating': 'error',
+      'react-hooks/globals': 'error',
+      'react-hooks/immutability': 'error',
+      'react-hooks/preserve-manual-memoization': 'error',
+      'react-hooks/purity': 'error',
+      'react-hooks/refs': 'error',
+      'react-hooks/set-state-in-effect': 'error',
+      'react-hooks/set-state-in-render': 'error',
+      'react-hooks/static-components': 'error',
+      'react-hooks/unsupported-syntax': 'warn',
+      'react-hooks/use-memo': 'error',
+      'react-hooks/incompatible-library': 'warn',
     },
 }];