DEPS: Update node to v22 and npm to 10

.eslintrc.cjs

@@ -11,6 +11,7 @@ module.exports = {
         '__mocks__',
         'playwright-tests/',
         'src/gql-types/',
+        'storybook-static/',
     ],
     plugins: ['formatjs', 'unused-imports', 'no-relative-import-paths'],
     parserOptions: {
@@ -53,16 +54,8 @@ module.exports = {
         'react-hooks/exhaustive-deps': 'error',
 
         // --------------------------IMPORTS --------------------------
-        // Original LoadingButton can cause issues with Google Translate
-        //  https://github.com/mui/material-ui/issues/27853
-        //  https://github.com/facebook/react/issues/11538
         'no-restricted-imports': [
             'error',
-            {
-                name: '@mui/lab',
-                importNames: ['LoadingButton'],
-                message: 'Please use SafeLoadingButton instead.',
-            },
             {
                 name: '@emotion/react',
                 message: 'Do not access emotion directly. Load through MUI',

.github/workflows/main.yml

@@ -22,9 +22,9 @@ jobs:
               uses: actions/checkout@v4
 
             - name: Setup Node
-              uses: actions/setup-node@v4
+              uses: actions/setup-node@v6
               with:
-                  node-version: 20
+                  node-version: 22.22.0
                   cache: 'npm'
                   cache-dependency-path: '**/package-lock.json'
                   registry-url: 'https://npm.pkg.github.com'
@@ -68,9 +68,9 @@ jobs:
               uses: actions/checkout@v4
 
             - name: Setup Node
-              uses: actions/setup-node@v4
+              uses: actions/setup-node@v6
               with:
-                  node-version: 20
+                  node-version: 22.22.0
                   cache: 'npm'
                   cache-dependency-path: '**/package-lock.json'
 
@@ -118,9 +118,9 @@ jobs:
               uses: actions/checkout@v4
 
             - name: Setup Node
-              uses: actions/setup-node@v4
+              uses: actions/setup-node@v6
               with:
-                  node-version: 20
+                  node-version: 22.22.0
                   cache: 'npm'
                   cache-dependency-path: '**/package-lock.json'
 

.prettierignore

@@ -2,4 +2,5 @@ node_modules
 coverage
 build
 deps
-src/gql-types
+src/gql-types
+storybook-static

.storybook/main.ts

@@ -1,12 +1,31 @@
 import type { StorybookConfig } from '@storybook/react-vite';
 
 const config: StorybookConfig = {
-    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(ts|tsx)'],
     addons: ['@storybook/addon-a11y', '@storybook/addon-docs'],
     framework: '@storybook/react-vite',
     core: {
         disableTelemetry: true,
     },
+    async viteFinal(config) {
+        // SRI and compression plugins break Storybook builds because Storybook
+        // injects vite-inject-mocker-entry.js dynamically (not in the bundle).
+        config.plugins = (config.plugins ?? []).filter((plugin) => {
+            if (
+                !plugin ||
+                typeof plugin !== 'object' ||
+                Array.isArray(plugin)
+            ) {
+                return true;
+            }
+            const name = (plugin as { name?: string }).name ?? '';
+            return (
+                name !== 'vite-plugin-sri3' &&
+                name !== 'vite-plugin-compression2'
+            );
+        });
+        return config;
+    },
 };
 
 export default config;