chore(project): update to Node.js v24 LTS (#6740)

joshblack · Copilot · web-flow · commit 5b55f279f6f8 · 2025-09-05T19:19:10.000Z
Co-authored-by: Copilot &lt;175728472+Copilot@users.noreply.github.com&gt;
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
@@ -1,6 +1,6 @@
 {
   "name": "Primer React",
-  "image": "mcr.microsoft.com/vscode/devcontainers/typescript-node:22",
+  "image": "mcr.microsoft.com/vscode/devcontainers/typescript-node:24",
   "customizations": {
     "vscode": {
       "extensions": [
diff --git a/.github/workflows/aat-reports.yml b/.github/workflows/aat-reports.yml
@@ -18,10 +18,10 @@ jobs:
         shard: [1, 2, 3, 4, 5, 6, 7, 8]
     steps:
       - uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8
-      - name: Use Node.js 20.x
+      - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Set up turbo cache
         uses: actions/cache@5a3ec84eff668545956fd18022155c47e93e2684
@@ -64,10 +64,10 @@ jobs:
     needs: aat-runner
     steps:
       - uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8
-      - name: Use Node.js 20.x
+      - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: install dependencies
         run: npm ci
diff --git a/.github/workflows/assign_release_conductor.yml b/.github/workflows/assign_release_conductor.yml
@@ -17,7 +17,7 @@ jobs:
       - uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8
       - uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
       - run: npm ci
       - uses: ./.github/actions/pagerduty
         id: pagerduty
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -25,7 +25,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Install dependencies
         run: npm ci
@@ -40,7 +40,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Install dependencies
         run: npm ci
@@ -61,7 +61,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Set up turbo cache
         uses: actions/cache@5a3ec84eff668545956fd18022155c47e93e2684
@@ -87,7 +87,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Set up turbo cache
         uses: actions/cache@5a3ec84eff668545956fd18022155c47e93e2684
@@ -111,7 +111,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Set up turbo cache
         uses: actions/cache@5a3ec84eff668545956fd18022155c47e93e2684
@@ -130,10 +130,10 @@ jobs:
     steps:
       - name: Checkout repository
         uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8
-      - name: Use Node.js 20.x
+      - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Set up turbo cache
         uses: actions/cache@5a3ec84eff668545956fd18022155c47e93e2684
@@ -162,7 +162,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Set up turbo cache
         uses: actions/cache@5a3ec84eff668545956fd18022155c47e93e2684
diff --git a/.github/workflows/codescan.yml b/.github/workflows/codescan.yml
@@ -16,7 +16,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Install dependencies
         run: npm ci
diff --git a/.github/workflows/copilot-setup-steps.yml b/.github/workflows/copilot-setup-steps.yml
@@ -12,7 +12,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Set up turbo cache
         uses: actions/cache@5a3ec84eff668545956fd18022155c47e93e2684
diff --git a/.github/workflows/deploy_preview.yml b/.github/workflows/deploy_preview.yml
@@ -26,7 +26,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Install dependencies
         run: npm ci
diff --git a/.github/workflows/deploy_preview_forks.yml b/.github/workflows/deploy_preview_forks.yml
@@ -26,7 +26,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Install dependencies
         run: npm ci
diff --git a/.github/workflows/figma_connect_publish.yml b/.github/workflows/figma_connect_publish.yml
@@ -18,7 +18,7 @@ jobs:
       - name: Set up Node
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
 
       - name: Cache dependencies
         uses: actions/cache@d4323d4df104b026a6aa633fdb11d772146be0bf
diff --git a/.github/workflows/migration-status.yml b/.github/workflows/migration-status.yml
@@ -12,7 +12,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Install dependencies
         run: npm ci
@@ -27,7 +27,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Install dependencies
         run: npm ci
diff --git a/.github/workflows/pull_request.yml b/.github/workflows/pull_request.yml
@@ -16,7 +16,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
 
       - name: Get or Create Comment
         uses: actions/github-script@5c56fde4671bc2d3592fb0f2c5b5bab9ddae03b1
diff --git a/.github/workflows/recommend-integration-tests.yml b/.github/workflows/recommend-integration-tests.yml
@@ -14,7 +14,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
 
       - name: Get source files changes
         id: source-files
diff --git a/.github/workflows/release-schedule.yml b/.github/workflows/release-schedule.yml
@@ -30,7 +30,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
       - name: Install packages for github-script
         run: npm i date-fns
       - name: Create Release Issue
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -22,7 +22,7 @@ jobs:
       - name: Set up Node
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
 
       - name: Install dependencies
diff --git a/.github/workflows/release_canary.yml b/.github/workflows/release_canary.yml
@@ -26,7 +26,7 @@ jobs:
       - name: Set up Node
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Install dependencies
         run: npm ci
diff --git a/.github/workflows/release_candidate.yml b/.github/workflows/release_candidate.yml
@@ -21,7 +21,7 @@ jobs:
       - name: Set up Node
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
 
       - name: Install dependencies
diff --git a/.github/workflows/statuses.yml b/.github/workflows/statuses.yml
@@ -22,7 +22,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
       - name: Install node deps
         run: npm ci
       - name: Install ruby deps
diff --git a/.github/workflows/storybook-tests.yml b/.github/workflows/storybook-tests.yml
@@ -13,7 +13,7 @@ jobs:
       - uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8
       - uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Install dependencies
         run: npm i
diff --git a/.github/workflows/stress-tests.yml b/.github/workflows/stress-tests.yml
@@ -10,7 +10,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Install dependencies
         run: npm ci
diff --git a/.github/workflows/vrt-reports.yml b/.github/workflows/vrt-reports.yml
@@ -18,10 +18,10 @@ jobs:
         shard: [1, 2, 3, 4, 5, 6, 7, 8]
     steps:
       - uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8
-      - name: Use Node.js 20.x
+      - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Set up turbo cache
         uses: actions/cache@5a3ec84eff668545956fd18022155c47e93e2684
@@ -64,10 +64,10 @@ jobs:
     needs: vrt-runner
     steps:
       - uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8
-      - name: Use Node.js 20.x
+      - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: install dependencies
         run: npm ci
diff --git a/.github/workflows/vrt.yml b/.github/workflows/vrt.yml
@@ -37,7 +37,7 @@ jobs:
       - name: Set up Node.js
         uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020
         with:
-          node-version: 22
+          node-version-file: '.nvmrc'
           cache: 'npm'
       - name: Install dependencies
         run: npm ci
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-v22.17
+v24

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "Primer React",`
`3`		`- "image": "mcr.microsoft.com/vscode/devcontainers/typescript-node:22",`
	`3`	`+ "image": "mcr.microsoft.com/vscode/devcontainers/typescript-node:24",`
`4`	`4`	`"customizations": {`
`5`	`5`	`"vscode": {`
`6`	`6`	`"extensions": [`