Update to Node 20 | Update to yarn 4.1.0 (#314)

## Changes

- Update to yarn 4.1.0
- Update to node 20

## How to test this PR

1. `yarn install` should pass.

## Screenshots

## Notes

- `.npmrc` is ignored, according to https://yarnpkg.com/migration/guide
- I'm unclear when `yarn prepack` would be run, but the functionality
for it to automatically run does not exist any longer. See
https://yarnpkg.com/migration/guide#update-your-configuration-to-the-new-settings

.github/workflows/build-and-deploy.yml

@@ -13,10 +13,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout 🛎️
-        uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+        uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
         with:
-          node-version: 16
+          node-version: 20
 
       - name: Install and Build 🔧 # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
         run: |

.github/workflows/chromatic.yml

@@ -6,14 +6,14 @@ jobs:
   Visual-Regression:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
       - name: Install compatible node version
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: '16'
+          node-version: '20'
 
       - name: Install dependencies
         run: yarn

.github/workflows/test.yml

@@ -11,11 +11,11 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
-          node-version: '16'
+          node-version: '20'
 
       - name: Install dependencies
         run: yarn

.nvmrc

@@ -1 +1 @@
-lts/gallium
+v20

.yarnrc.yml

@@ -1,7 +1,15 @@
-nodeLinker: node-modules
+compressionLevel: mixed
+
+enableGlobalCache: false
+
+enableHardenedMode: true
+
+enableMirror: true
 
-plugins:
-  - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
-    spec: "@yarnpkg/plugin-interactive-tools"
+enableOfflineMode: true
+
+enableTelemetry: false
+
+nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-3.6.2.cjs
+yarnPath: .yarn/releases/yarn-4.1.0.cjs

README.md

@@ -45,7 +45,7 @@ export default function SomePage(): ReactElement {
 
 To edit components or add new ones, make sure you have Yarn v3 set up locally and then run `yarn dev`:
 
-1. Install Node v16.9+.
+1. Install Node v20+.
 1. Enable [corepack](https://yarnpkg.com/getting-started/install): `corepack enable`.
 1. `yarn`
 1. `yarn start`

package.json

@@ -18,7 +18,7 @@
     "dist"
   ],
   "engines": {
-    "node": ">=16.0.0 <17.0.0"
+    "node": ">=20"
   },
   "scripts": {
     "build": "vite build",
@@ -147,5 +147,5 @@
       "vitest related --run --coverage=false"
     ]
   },
-  "packageManager": "yarn@3.6.2"
+  "packageManager": "yarn@4.1.0"
 }