Upgrade to Node.js 22 LTS (#861)

Co-authored-by: Joep <145749778+jschuurk-kr@users.noreply.github.com>

.github/workflows/build-lint-test.yml

@@ -39,7 +39,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
       - name: Install dependencies
         run: npm ci
         working-directory: ./frontend
@@ -97,7 +97,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
       - name: Install dependencies
         run: npm ci
       - name: Check formatting
@@ -127,7 +127,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
       - name: Install dependencies
         run: npm ci
       - name: Install Playwright Browsers
@@ -151,7 +151,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
       - name: Install dependencies
         run: npm ci
       - name: Install Playwright Browsers

.github/workflows/preview.yml

@@ -31,7 +31,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
       - name: Install dependencies
         run: npm ci
       - name: Build with MSW

.github/workflows/release.yml

@@ -35,7 +35,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
       - name: Install dependencies
         run: npm ci
         working-directory: ./frontend
@@ -76,7 +76,7 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 22
       - name: Install dependencies
         run: npm ci
       - name: Install Playwright Browsers

docker-compose.yml

@@ -16,7 +16,7 @@ services:
 
   frontend:
     depends_on: [backend]
-    image: node:20
+    image: node:22
     ports:
       - 3000:3000
     volumes:

frontend/.nvmrc

@@ -1 +1 @@
-v20.11.1
+v22

frontend/README.md

@@ -4,7 +4,7 @@
 
 ### Prerequisites
 
-- [Node](https://nodejs.org) v20
+- [Node](https://nodejs.org) v22
 
 ### Building
 

frontend/package.json

@@ -4,7 +4,7 @@
   "version": "0.0.1",
   "type": "module",
   "engines": {
-    "node": ">=20.11.1"
+    "node": ">=22"
   },
   "scripts": {
     "dev": "cross-env API_MODE=mock vite",
@@ -40,7 +40,7 @@
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
     "@trivago/prettier-plugin-sort-imports": "^5.2.1",
-    "@types/node": "^20.17.12",
+    "@types/node": "^22.10.6",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@typescript-eslint/eslint-plugin": "^8.19.1",

frontend/playwright.d2d.config.ts

@@ -25,12 +25,12 @@ const config: PlaywrightTestConfig = defineConfig({
   testMatch: /\.e2e\.ts/,
   use: {
     ...commonConfig.use,
-    baseURL: "http://localhost:8081",
+    baseURL: "http://127.0.0.1:8081",
   },
   webServer: [
     {
       command: returnWebserverCommand(),
-      port: 8081,
+      url: "http://127.0.0.1:8081",
     },
   ],
 });