chore(deps): upgrade squonk API clients, NodeJS and React

Client generator improved and this uses the new clients
BREAKING CHANGE: Node v22 now minimum, pnpm v10 required
Upgrade react to fix CVE-2025-55182

Author: OliverDudgeon

.devcontainer/devcontainer.json

@@ -6,9 +6,9 @@
   "image": "mcr.microsoft.com/devcontainers/javascript-node:3-20",
   "features": {
     "ghcr.io/devcontainers/features/node:1": {
-      "version": "20.18.2",
+      "version": "22.21.1",
       "nodeGypDependencies": true,
-      "pnpmVersion": "10.9.0"
+      "pnpmVersion": "10.24.0"
     }
   },
   // Use 'forwardPorts' to make a list of ports inside the container available locally.

.github/workflows/lint.yaml

@@ -29,12 +29,12 @@ jobs:
       uses: actions/checkout@v4
     - uses: pnpm/action-setup@v4.1.0
       with:
-        version: 10.9.0
+        version: 10.24.0
         run_install: false
     - name: Setup Node
       uses: actions/setup-node@v4
       with:
-        node-version: 20
+        node-version: 22
         cache: 'pnpm'
     - name: Install dependencies
       run: pnpm install
@@ -48,12 +48,12 @@ jobs:
       uses: actions/checkout@v4
     - uses: pnpm/action-setup@v4.1.0
       with:
-        version: 10.9.0
+        version: 10.24.0
         run_install: false
     - name: Setup Node
       uses: actions/setup-node@v4
       with:
-        node-version: 20
+        node-version: 22
         cache: 'pnpm'
     - name: Install dependencies
       run: pnpm install --frozen-lockfile

.github/workflows/nextjs_bundle_analysis.yaml

@@ -20,12 +20,12 @@ jobs:
 
     - uses: pnpm/action-setup@v4.1.0
       with:
-        version: 10.9.0
+        version: 10.24.0
         run_install: false
     - name: Setup Node
       uses: actions/setup-node@v4
       with:
-        node-version: 20
+        node-version: 22
         cache: 'pnpm'
     - name: Install dependencies
       run: pnpm install

.github/workflows/test.yaml

@@ -49,12 +49,12 @@ jobs:
       uses: actions/checkout@v4
     - uses: pnpm/action-setup@v4.1.0
       with:
-        version: 10.9.0
+        version: 10.24.0
         run_install: false
     - name: Setup Node
       uses: actions/setup-node@v4
       with:
-        node-version: 20
+        node-version: 22
         cache: 'pnpm'
     - name: Install dependencies
       run: pnpm install
@@ -123,12 +123,12 @@ jobs:
       uses: actions/checkout@v4
     - uses: pnpm/action-setup@v4.1.0
       with:
-        version: 10.9.0
+        version: 10.24.0
         run_install: false
     - name: Setup Node
       uses: actions/setup-node@v4
       with:
-        node-version: 20
+        node-version: 22
         cache: 'pnpm'
     - name: Install dependencies
       run: pnpm install

Dockerfile

@@ -8,7 +8,7 @@ WORKDIR /app
 COPY package.json pnpm-lock.yaml ./
 COPY patches ./patches/
 
-RUN npm i -g pnpm@10.9.0
+RUN npm i -g pnpm@10.24.0
 RUN pnpm fetch --prod
 RUN pnpm approve-builds
 # RUN pnpm fetch
@@ -33,7 +33,7 @@ ENV GIT_SHA=${GIT_SHA:-""}
 ARG BASE_PATH
 ENV BASE_PATH=${BASE_PATH}
 
-# RUN npm i -g pnpm@10.9.0
+# RUN npm i -g pnpm@10.24.0
 RUN echo "GIT_SHA=${GIT_SHA}" && npm run build
 
 # If using npm comment out above and use below instead

next.config.ts

@@ -40,10 +40,7 @@ let nextConfig: NextConfig = {
   // Enable production source maps for Sentry error reporting
   productionBrowserSourceMaps: true,
   // Allow mdx content and mdx files as pages
-  webpack(config, options) {
-    if (options.isServer) {
-      config.externals = ["@tanstack/react-query", ...config.externals];
-    }
+  webpack(config, _options) {
     if (MONOREPO_MODE) {
       const packages = ["react", "@mui/material", "@tanstack/react-query"];
       packages.forEach(

package.json

@@ -9,8 +9,8 @@
     "url": "https://github.com/InformaticsMatters/squonk2-data-manager-ui"
   },
   "engines": {
-    "node": ">=20",
-    "pnpm": ">=8"
+    "node": ">=22",
+    "pnpm": ">=10"
   },
   "scripts": {
     "prepare": "husky",
@@ -46,14 +46,14 @@
     "@mui/lab": "6.0.1-beta.34",
     "@mui/material": "6.4.11",
     "@mui/material-nextjs": "6.4.3",
-    "@next/mdx": "15.3.2",
+    "@next/mdx": "15.5.7",
     "@rjsf/core": "5.24.12",
     "@rjsf/mui": "5.24.12",
     "@rjsf/utils": "5.24.12",
     "@rjsf/validator-ajv8": "5.24.12",
     "@sentry/nextjs": "8.55.0",
-    "@squonk/account-server-client": "4.4.0-4-4.2174353771",
-    "@squonk/data-manager-client": "5.0.0-5-0.2173783690",
+    "@squonk/account-server-client": "4.4.0-4-4.2199390673",
+    "@squonk/data-manager-client": "5.0.0-5-0.2199565672",
     "@squonk/mui-theme": "5.0.0",
     "@squonk/sdf-parser": "1.3.1",
     "@tanstack/match-sorter-utils": "8.19.4",
@@ -62,7 +62,7 @@
     "@tanstack/react-query-devtools": "5.83.0",
     "@tanstack/react-table": "8.21.3",
     "@types/lodash-es": "4.17.12",
-    "@types/node": "22.9.0",
+    "@types/node": "22.19.1",
     "@types/plotly.js-basic-dist": "1.54.4",
     "@types/prismjs": "1.26.5",
     "@types/react": "19.1.8",
@@ -82,15 +82,15 @@
     "lodash-es": "4.17.21",
     "material-ui-popup-state": "5.3.6",
     "nanoid": "5.1.5",
-    "next": "15.3.2",
+    "next": "15.5.7",
     "next-http-proxy-middleware": "1.2.7",
     "nextjs-routes": "2.2.5",
     "node-fetch": "3.3.2",
     "notistack": "3.0.2",
     "plotly.js-basic-dist": "2.35.3",
     "prismjs": "1.30.0",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
+    "react": "19.2.1",
+    "react-dom": "19.2.1",
     "react-dropzone": "14.3.8",
     "react-plotly.js": "2.6.0",
     "react-use-websocket": "4.13.0",