feat: support React 19

Author: mkilpatrick

.github/workflows/test-matrix.yml

@@ -11,7 +11,7 @@ jobs:
       fail-fast: false # Continue other combos even if one fails
       matrix:
         node: [20, 22, 24]
-        react: ["18.2.0"] # TODO: Add "19.2.1" when ready
+        react: ["18.2.0", "19.2.3"]
 
     steps:
       - name: "Checkout"

packages/pages-components/package.json

@@ -49,8 +49,8 @@
   "peerDependencies": {
     "lexical": "~0.38.2",
     "mapbox-gl": "^2.9.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.2.0 || ^19.2.3",
+    "react-dom": "^18.2.0 || ^19.2.3"
   },
   "devDependencies": {
     "@playwright/test": "^1.55.1",
@@ -101,4 +101,4 @@
     "classnames": "^2.5.1",
     "luxon": "^3.7.2"
   }
-}
+}

packages/pages-components/vite.config.ts

@@ -14,7 +14,13 @@ export default defineConfig(() => ({
       formats: ["es"] as LibraryFormats[], // typescript is unhappy without this forced type definition
     },
     rollupOptions: {
-      external: ["react", "react-dom", "mapbox-gl"],
+      external: [
+        "react",
+        "react-dom",
+        "mapbox-gl",
+        "react/jsx-runtime",
+        "react/jsx-dev-runtime",
+      ],
       output: {
         globals: {
           react: "React",

pnpm-lock.yaml

@@ -3,4 +3,5 @@ dist/
 node_modules/
 playwright-report/
 sites-rendered-output/
-deno.lock
+deno.lock
+test-results/

test-sites/pages-components-starter/.gitignore

@@ -17,17 +17,17 @@
   },
   "dependencies": {
     "@yext/pages-components": "workspace:*",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.57.0",
     "@types/node": "^20.9.1",
-    "@types/react": "^17.0.2",
-    "@types/react-dom": "^17.0.2",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
     "@vitejs/plugin-react": "^4.3.3",
     "@yext/pages": "^1.2.7",
     "typescript": "^5.3.3",
     "vite": "^5.4.19"
   }
-}
+}

test-sites/pages-components-starter/package.json

@@ -10,7 +10,7 @@ if ! command -v nvm >/dev/null 2>&1; then
 fi
 
 NODE_VERSIONS=("20" "22" "24")
-REACT_VERSIONS=("18.2.0") # TODO: Add "19.2.1"
+REACT_VERSIONS=("18.2.0" "19.2.3")
 
 INITIAL_NODE_VERSION=$(node -v)
 echo "🔍 Detected initial Node version: $INITIAL_NODE_VERSION"