⬆️ [#49] update dependencies

.github/workflows/ci.yml

@@ -30,12 +30,12 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.nvmrc'
-          cache: yarn
+          cache: npm
 
       - name: Build Storybook docs
         run: |
-          yarn install
-          yarn build-storybook --quiet
+          npm install
+          npm build-storybook --quiet
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v1
@@ -51,14 +51,14 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.nvmrc'
-          cache: yarn
+          cache: npm
 
       - name: Install dependencies
-        run: yarn install
+        run: npm install
 
       - name: Build library
         run: |
-          yarn build
+          npm build
 
       - name: Store build artifact
         uses: actions/upload-artifact@v3
@@ -76,13 +76,13 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.nvmrc'
-          cache: yarn
+          cache: npm
 
       - name: Install dependencies
-        run: yarn install
+        run: npm install
 
       - name: Run prettier linter
-        run: yarn checkformat
+        run: npm checkformat
 
   eslint:
     name: eslint (code formatting)
@@ -93,13 +93,13 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.nvmrc'
-          cache: yarn
+          cache: npm
 
       - name: Install dependencies
-        run: yarn install
+        run: npm install
 
       - name: Run ESLint
-        run: yarn test:lint
+        run: npm test:lint
 
   tests:
     name: Run Storybook tests
@@ -112,10 +112,10 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.nvmrc'
-          cache: yarn
+          cache: npm
 
       - name: Install dependencies
-        run: yarn install
+        run: npm install
 
       # Reference: https://storybook.js.org/docs/6.5/react/writing-tests/test-runner#run-against-non-deployed-storybooks
       - name: Set up test environment
@@ -133,7 +133,7 @@ jobs:
           cd storybook-static/ && tar -xvf artifact.tar && cd ..
           npx concurrently -k -s first -n "SB,TEST" -c "magenta,blue" \
             "npx http-server storybook-static --port 6006 --quiet" \
-            "npx wait-on -l http://127.0.0.1:6006 && yarn test:storybook"
+            "npx wait-on -l http://127.0.0.1:6006 && npm test:storybook"
 
   deploy:
     runs-on: ubuntu-latest
@@ -180,12 +180,12 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version-file: '.nvmrc'
-          cache: yarn
+          cache: npm
           registry-url: 'https://registry.npmjs.org'
           scope: '@open-formulieren'
 
       - name: Install dependencies
-        run: yarn install
+        run: npm install
 
       - name: Download build artifact
         uses: actions/download-artifact@v3
@@ -198,6 +198,6 @@ jobs:
           # Strip git ref prefix from version
           VERSION=$(echo "${{ github.ref }}" | sed -e 's,.*/\(.*\),\1,')
 
-          yarn publish --access public --new-version=$VERSION
+          npm publish --access public --new-version=$VERSION
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.nvmrc

@@ -1 +1 @@
-v18
+v20

.storybook/main.js → .storybook/main.ts

@@ -1,5 +1,5 @@
-const path = require('path');
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+import path from 'path';
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
 
 module.exports = {
   features: {
@@ -17,7 +17,7 @@ module.exports = {
   },
   framework: '@storybook/react',
 
-  webpackFinal: config => {
+  webpackFinal: (config: { resolve: { plugins: TsconfigPathsPlugin[]; }; }) => {
     config.resolve.plugins = config.resolve.plugins || [];
     config.resolve.plugins.push(
       new TsconfigPathsPlugin({