ci: add react version matrix to ci workflows (#7105)

Author: joshblack

.github/workflows/ci.yml

@@ -55,6 +55,10 @@ jobs:
 
   test:
     runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        react-version: ['react-18', 'react-19']
     steps:
       - name: Checkout repository
         uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8
@@ -72,6 +76,8 @@ jobs:
             ${{ runner.os }}-turbo-
       - name: Install dependencies
         run: npm ci
+      - if: ${{ matrix.react-version == 'react-19' }}
+        run: node script/setup-react-19.mts
       - name: Build
         run: npm run build
       - name: Run tests defined in vitest
@@ -81,6 +87,10 @@ jobs:
 
   type-check:
     runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        react-version: ['react-18', 'react-19']
     steps:
       - name: Checkout repository
         uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8
@@ -98,13 +108,19 @@ jobs:
             ${{ runner.os }}-turbo-
       - name: Install dependencies
         run: npm ci
+      - if: ${{ matrix.react-version == 'react-19' }}
+        run: node script/setup-react-19.mts
       - name: Build project
         run: npm run build
       - name: Type check
         run: npm run type-check
 
   examples:
     runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        react-version: ['react-18', 'react-19']
     steps:
       - name: Checkout repository
         uses: actions/checkout@08c6903cd8c0fde910a37f88322edcfb5dd907a8
@@ -122,6 +138,8 @@ jobs:
             ${{ runner.os }}-turbo-
       - name: Install dependencies
         run: npm ci
+      - if: ${{ matrix.react-version == 'react-19' }}
+        run: node script/setup-react-19.mts
       - name: Build
         run: npx turbo build
 

package-lock.json

@@ -58,6 +58,7 @@
     "@prettier/sync": "0.5.5",
     "@primer/stylelint-config": "13.3.0",
     "@size-limit/preset-big-lib": "11.2.0",
+    "@types/semver": "^7.7.1",
     "@vitest/browser": "^4.0.3",
     "@vitest/browser-playwright": "^4.0.3",
     "@vitest/eslint-plugin": "^1.3.24",
@@ -76,6 +77,7 @@
     "eslint-plugin-ssr-friendly": "1.3.0",
     "eslint-plugin-storybook": "^9.1.5",
     "eslint-plugin-testing-library": "^7.7.0",
+    "fast-glob": "^3.3.3",
     "globals": "^16.2.0",
     "markdownlint-cli2": "^0.17.2",
     "markdownlint-cli2-formatter-pretty": "^0.0.8",

package.json

@@ -0,0 +1,46 @@
+import {execSync} from 'node:child_process'
+import fs from 'node:fs'
+import glob from 'fast-glob'
+import semver from 'semver'
+
+const versions = new Map([
+  ['@types/react', '^19.2.2'],
+  ['@types/react-dom', '^19.2.2'],
+  ['@types/react-is', '^19.2.0'],
+  ['react', '^19.2.0'],
+  ['react-dom', '^19.2.0'],
+  ['react-is', '^19.2.0'],
+])
+
+const packageJsonPaths = glob.sync('{examples,packages}/**/package.json', {
+  ignore: ['**/node_modules/**', '**/dist/**', '**/lib/**', '**/lib-esm/**', '**/.next/**', '**/storybook-static/**'],
+})
+
+const dependencyTypes = new Set(['dependencies', 'devDependencies', 'peerDependencies'])
+
+for (const packageJsonPath of packageJsonPaths) {
+  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'))
+
+  for (const dependencyType of dependencyTypes) {
+    const dependencies = packageJson[dependencyType]
+
+    if (!dependencies) {
+      continue
+    }
+
+    for (const [pkg, targetRange] of versions) {
+      const range = dependencies[pkg]
+      if (!range) {
+        continue
+      }
+
+      if (!semver.subset(targetRange, range)) {
+        dependencies[pkg] = targetRange
+      }
+    }
+  }
+
+  fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2) + '\n', 'utf8')
+}
+
+execSync('npm install', {stdio: 'inherit'})