Fix publish workflow

.github/workflows/prCheck.yaml

@@ -11,7 +11,7 @@ jobs:
       - name: Setup Node ⚙️
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x' # Todo use our .nvmrc instead
+          node-version: '22.x' # Todo use our .nvmrc instead
           registry-url: 'https://registry.npmjs.org'
       - name: Install dependencies and build 🔧
         run: npm run setup && npm run build
@@ -26,7 +26,7 @@ jobs:
       - name: Setup Node ⚙️
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x' # Todo use our .nvmrc instead
+          node-version: '22.x' # Todo use our .nvmrc instead
           registry-url: 'https://registry.npmjs.org'
       - name: Release build 🏗️
         run: npm run setup && npm run release

.github/workflows/publish.yaml

@@ -16,7 +16,10 @@ jobs:
       - name: Setup Node ⚙️
         uses: actions/setup-node@v4
         with:
-          node-version: '20.x' # Todo use our .nvmrc instead
+          node-version: '22.x' # Todo use our .nvmrc instead
+          registry-url: 'https://registry.npmjs.org'
+      - name: Upgrade npm (trusted publishing needs 11.5.1+) ⬆️
+        run: npm install -g npm@latest
       - name: Install dependencies and build 🔧
         run: npm ci && npm run release
       - name: Publish package on NPM 📦

.nvmrc

@@ -1 +1 @@
-20.10.0
+22.22.2

example/webpack.config.cjs

@@ -29,6 +29,8 @@ module.exports = {
       },
       {
         test: /\.css$/i,
+        // graphiql marks its css as side-effect free, so webpack would otherwise drop it
+        sideEffects: true,
         use: ['style-loader', 'css-loader']
       },
       {