fix(deps): update react monorepo to v19 (major) (#393)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: sapphi-red <[email protected]>

Author: renovate[bot]

playground/class-components/package.json

@@ -8,12 +8,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
-    "@types/react": "^18.3.20",
-    "@types/react-dom": "^18.3.6",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "@vitejs/plugin-react": "workspace:*"
   }
 }

playground/compiler/package.json

@@ -13,8 +13,8 @@
   },
   "devDependencies": {
     "@babel/plugin-transform-react-jsx-development": "^7.25.9",
-    "@types/react": "^18.3.20",
-    "@types/react-dom": "^18.3.6",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "@vitejs/plugin-react": "workspace:*",
     "babel-plugin-react-compiler": "0.0.0-experimental-dc8bd44-20241121",
     "typescript": "^5.8.3"

playground/mdx/package.json

@@ -8,13 +8,13 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
     "@mdx-js/rollup": "^3.1.0",
-    "@types/react": "^18.3.20",
-    "@types/react-dom": "^18.3.6",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "@vitejs/plugin-react": "workspace:*"
   }
 }

playground/react-classic/__tests__/react.spec.ts

@@ -1,5 +1,5 @@
 import { expect, test } from 'vitest'
-import { editFile, isServe, page, untilUpdated } from '~utils'
+import { editFile, isServe, page, untilUpdated, viteTestUrl } from '~utils'
 
 test('should render', async () => {
   expect(await page.textContent('h1')).toMatch('Hello Vite + React')
@@ -21,19 +21,9 @@ test.runIf(isServe)('should hmr', async () => {
 test.runIf(isServe)(
   'should have annotated jsx with file location metadata',
   async () => {
-    const meta = await page.evaluate(() => {
-      const button = document.querySelector('button')
-      const key = Object.keys(button).find(
-        (key) => key.indexOf('__reactFiber') === 0,
-      )
-      return button[key]._debugSource
-    })
-    // If the evaluate call doesn't crash, and the returned metadata has
-    // the expected fields, we're good.
-    expect(Object.keys(meta).sort()).toEqual([
-      'columnNumber',
-      'fileName',
-      'lineNumber',
-    ])
+    const res = await page.request.get(viteTestUrl + '/App.jsx')
+    const code = await res.text()
+    expect(code).toMatch(/lineNumber:\s*\d+/)
+    expect(code).toMatch(/columnNumber:\s*\d+/)
   },
 )

playground/react-classic/package.json

@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "workspace:*"

playground/react-emotion/package.json

@@ -11,8 +11,8 @@
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "react-switch": "^7.1.0"
   },
   "devDependencies": {

playground/react-env/package.json

@@ -9,8 +9,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "workspace:*"

playground/react-sourcemap/package.json

@@ -11,8 +11,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "workspace:*"

playground/react/__tests__/react.spec.ts

@@ -7,6 +7,7 @@ import {
   page,
   untilBrowserLogAfter,
   untilUpdated,
+  viteTestUrl,
 } from '~utils'
 
 test('should render', async () => {
@@ -53,20 +54,10 @@ test.runIf(isServe)('should not invalidate when code is invalid', async () => {
 test.runIf(isServe)(
   'should have annotated jsx with file location metadata',
   async () => {
-    const meta = await page.evaluate(() => {
-      const button = document.querySelector('#state-button')
-      const key = Object.keys(button).find(
-        (key) => key.indexOf('__reactFiber') === 0,
-      )
-      return button[key]._debugSource
-    })
-    // If the evaluate call doesn't crash, and the returned metadata has
-    // the expected fields, we're good.
-    expect(Object.keys(meta).sort()).toEqual([
-      'columnNumber',
-      'fileName',
-      'lineNumber',
-    ])
+    const res = await page.request.get(viteTestUrl + '/App.jsx')
+    const code = await res.text()
+    expect(code).toMatch(/lineNumber:\s*\d+/)
+    expect(code).toMatch(/columnNumber:\s*\d+/)
   },
 )
 

playground/react/package.json

@@ -10,8 +10,8 @@
   },
   "dependencies": {
     "jsx-entry": "file:./jsx-entry",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "workspace:*"