diff --git a/package.json b/package.json
index 6a908641718f7..72bc9184679b7 100644
--- a/package.json
+++ b/package.json
@@ -132,7 +132,7 @@
"alex": "9.1.0",
"amphtml-validator": "1.0.38",
"async-sema": "3.0.1",
- "babel-plugin-react-compiler": "0.0.0-experimental-c23de8d-20240515",
+ "babel-plugin-react-compiler": "19.0.0-beta-e552027-20250112",
"browserslist": "4.22.2",
"buffer": "5.6.0",
"cheerio": "0.22.0",
diff --git a/packages/next/package.json b/packages/next/package.json
index 7c7dffaf0b51f..b3bae7d4522bf 100644
--- a/packages/next/package.json
+++ b/packages/next/package.json
@@ -227,7 +227,7 @@
"assert": "2.0.0",
"async-retry": "1.2.3",
"async-sema": "3.0.0",
- "babel-plugin-react-compiler": "19.0.0-beta-df7b47d-20241124",
+ "babel-plugin-react-compiler": "19.0.0-beta-e552027-20250112",
"babel-plugin-transform-define": "2.0.0",
"babel-plugin-transform-react-remove-prop-types": "0.4.24",
"browserify-zlib": "0.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f3283124e0e32..8e2958f0ac11e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -220,8 +220,8 @@ importers:
specifier: 3.0.1
version: 3.0.1
babel-plugin-react-compiler:
- specifier: 0.0.0-experimental-c23de8d-20240515
- version: 0.0.0-experimental-c23de8d-20240515
+ specifier: 19.0.0-beta-e552027-20250112
+ version: 19.0.0-beta-e552027-20250112
browserslist:
specifier: 4.22.2
version: 4.22.2
@@ -1174,8 +1174,8 @@ importers:
specifier: 3.0.0
version: 3.0.0
babel-plugin-react-compiler:
- specifier: 19.0.0-beta-df7b47d-20241124
- version: 19.0.0-beta-df7b47d-20241124
+ specifier: 19.0.0-beta-e552027-20250112
+ version: 19.0.0-beta-e552027-20250112
babel-plugin-transform-define:
specifier: 2.0.0
version: 2.0.0
@@ -1932,9 +1932,6 @@ packages:
resolution: {integrity: sha512-81YO9gGx6voPXlvYdZBliFXAZU8vZ9AZ6z+CjlmcnaeOcYSFbMTpdeDUO9xD9dh/68Vq03I8ZspfUTPfitcDHg==}
engines: {node: '>=6.9.0'}
- '@babel/generator@7.2.0':
- resolution: {integrity: sha512-BA75MVfRlFQG2EZgFYIwyT1r6xSkwfP2bdkY/kLZusEYWiJs4xCowab/alaEaT0wSvmVuXGqiefeBlP+7V1yKg==}
-
'@babel/generator@7.22.5':
resolution: {integrity: sha512-+lcUbnTRhd0jOewtFSedLyiPsD5tswKkbgcezOqqWFUVNEwoUTlpPOBmvhG7OXWLR4jMdv0czPGH5XbflnD1EA==}
engines: {node: '>=6.9.0'}
@@ -4156,10 +4153,6 @@ packages:
resolution: {integrity: sha512-4L8BZm38BJASswsqruc4c3F0AExYLvp0xq8067e7fIyg4hfwa4zUA+N2idf+eTTjDWevVVdIBfELzJ8b7nvO4Q==}
engines: {node: ^16.10.0 || ^18.12.0 || >=20.0.0}
- '@jest/types@24.9.0':
- resolution: {integrity: sha512-XKK7ze1apu5JWQ5eZjHITP66AX+QsLlbaJRBGYr8pNzwcAE2JVkwnf0yqjHTsDRcjR0mujy/NmZMXw5kl+kGBw==}
- engines: {node: '>= 6'}
-
'@jest/types@29.5.0':
resolution: {integrity: sha512-qbu7kN6czmVRc3xWFQcAN03RAUamgppVUdXrvl1Wr3jlNF93o9mJbGcDWrwGB6ht44u7efB1qCFgVQmca24Uog==}
engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -5557,9 +5550,6 @@ packages:
'@types/istanbul-lib-report@3.0.0':
resolution: {integrity: sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==}
- '@types/istanbul-reports@1.1.2':
- resolution: {integrity: sha512-P/W9yOX/3oPZSpaYOCQzGqgCQRXn0FFO/V8bWrCQs+wLmvVVxk6CRBXALEvNs9OHIatlnlFokfhuDo2ug01ciw==}
-
'@types/istanbul-reports@3.0.0':
resolution: {integrity: sha512-nwKNbvnwJ2/mndE9ItP/zc2TCzw6uuodnF4EHYWD+gCQDVBuRQL5UzbZD0/ezy1iKsFU2ZQiDqg4M9dN4+wZgA==}
@@ -5774,9 +5764,6 @@ packages:
'@types/yargs-parser@21.0.0':
resolution: {integrity: sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==}
- '@types/yargs@13.0.12':
- resolution: {integrity: sha512-qCxJE1qgz2y0hA4pIxjBR+PelCH0U5CK1XJXFwCNqfmliatKp47UCXXE9Dyk1OXBDLvsCF57TqQEJaeLfDYEOQ==}
-
'@types/yargs@17.0.10':
resolution: {integrity: sha512-gmEaFwpj/7f/ROdtIlci1R1VYU1J4j95m8T+Tj3iBgiBFKg1foE/PSl93bBd5T9LDXNPo8UlNN6W0qwD8O5OaA==}
@@ -6567,11 +6554,8 @@ packages:
peerDependencies:
'@babel/core': 7.22.5
- babel-plugin-react-compiler@0.0.0-experimental-c23de8d-20240515:
- resolution: {integrity: sha512-0XN2gmpT55QtAz5n7d5g91y1AuO9tRhWBaLgCRyc4ExHrlr7+LfxW+YTb3mOwxngkkiggwM8HyYsaEK9MqhnlQ==}
-
- babel-plugin-react-compiler@19.0.0-beta-df7b47d-20241124:
- resolution: {integrity: sha512-93iSASR20HNsotcOTQ+KPL0zpgfRFVWL86AtXpmHp995HuMVnC9femd8Winr3GxkPEh8lEOyaw3nqY4q2HUm5w==}
+ babel-plugin-react-compiler@19.0.0-beta-e552027-20250112:
+ resolution: {integrity: sha512-pUTT0mAZ4XLewC6bvqVeX015nVRLVultcSQlkzGdC10G6YV6K2h4E7cwGlLAuLKWTj3Z08mTO9uTnPP/opUBsg==}
babel-plugin-transform-async-to-promises@0.8.15:
resolution: {integrity: sha512-fDXP68ZqcinZO2WCiimCL9zhGjGXOnn3D33zvbh+yheZ/qOrNVVDDIBtAaM3Faz8TRvQzHiRKsu3hfrBAhEncQ==}
@@ -13262,10 +13246,6 @@ packages:
pretty-error@4.0.0:
resolution: {integrity: sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==}
- pretty-format@24.9.0:
- resolution: {integrity: sha512-00ZMZUiHaJrNfk33guavqgvfJS30sLYf0f8+Srklv0AMPodGGHcoHgksZ3OThYnIvOd+8yMCn0YiEOogjlgsnA==}
- engines: {node: '>= 6'}
-
pretty-format@27.5.1:
resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
@@ -15113,10 +15093,6 @@ packages:
resolution: {integrity: sha512-cklgulxoLavCJlZSWdKzEuKFRFwyRUS3h4tfvSo8uSGrtrPNcAHeKmftGuA684vonXdvKgdX6cMKF8SBjywN1w==}
engines: {node: '>=0.10.0'}
- trim-right@1.0.1:
- resolution: {integrity: sha512-WZGXGstmCWgeevgTL54hrCuw1dyMQIzWy7ZfqRJfSmJZBwklI15egmQytFP6bPidmw3M8d5yEowl1niq4vmqZw==}
- engines: {node: '>=0.10.0'}
-
trim-trailing-lines@1.1.2:
resolution: {integrity: sha512-MUjYItdrqqj2zpcHFTkMa9WAv4JHTI6gnRQGPFLrt5L9a6tRMiDnIqYl8JBvu2d2Tc3lWJKQwlGCp0K8AvCM+Q==}
@@ -16145,12 +16121,6 @@ packages:
yoga-wasm-web@0.3.3:
resolution: {integrity: sha512-N+d4UJSJbt/R3wqY7Coqs5pcV0aUj2j9IaQ3rNj9bVCLld8tTGKRa2USARjnvZJWVx1NDmQev8EknoczaOQDOA==}
- zod-validation-error@2.1.0:
- resolution: {integrity: sha512-VJh93e2wb4c3tWtGgTa0OF/dTt/zoPCPzXq4V11ZjxmEAFaPi/Zss1xIZdEB5RD8GD00U0/iVXgqkF77RV7pdQ==}
- engines: {node: '>=18.0.0'}
- peerDependencies:
- zod: ^3.18.0
-
zod-validation-error@3.4.0:
resolution: {integrity: sha512-ZOPR9SVY6Pb2qqO5XHt+MkkTRxGXb4EVtnjc9JpXUOtUB1T9Ru7mZOT361AN3MsetVe7R0a1KZshJDZdgp9miQ==}
engines: {node: '>=18.0.0'}
@@ -16160,9 +16130,6 @@ packages:
zod@3.22.3:
resolution: {integrity: sha512-EjIevzuJRiRPbVH4mGc8nApb/lVLKVpmUhAaR5R5doKGfAnGJ6Gr3CViAVjP+4FWSxCsybeWQdcgCtbX+7oZug==}
- zod@3.23.8:
- resolution: {integrity: sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g==}
-
zwitch@1.0.5:
resolution: {integrity: sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw==}
@@ -16333,14 +16300,6 @@ snapshots:
'@jridgewell/gen-mapping': 0.3.1
jsesc: 2.5.2
- '@babel/generator@7.2.0':
- dependencies:
- '@babel/types': 7.22.5
- jsesc: 2.5.2
- lodash: 4.17.20
- source-map: 0.5.7
- trim-right: 1.0.1
-
'@babel/generator@7.22.5':
dependencies:
'@babel/types': 7.22.5
@@ -19183,12 +19142,6 @@ snapshots:
transitivePeerDependencies:
- supports-color
- '@jest/types@24.9.0':
- dependencies:
- '@types/istanbul-lib-coverage': 2.0.4
- '@types/istanbul-reports': 1.1.2
- '@types/yargs': 13.0.12
-
'@jest/types@29.5.0':
dependencies:
'@jest/schemas': 29.4.3
@@ -21141,11 +21094,6 @@ snapshots:
dependencies:
'@types/istanbul-lib-coverage': 2.0.4
- '@types/istanbul-reports@1.1.2':
- dependencies:
- '@types/istanbul-lib-coverage': 2.0.4
- '@types/istanbul-lib-report': 3.0.0
-
'@types/istanbul-reports@3.0.0':
dependencies:
'@types/istanbul-lib-report': 3.0.0
@@ -21371,10 +21319,6 @@ snapshots:
'@types/yargs-parser@21.0.0': {}
- '@types/yargs@13.0.12':
- dependencies:
- '@types/yargs-parser': 21.0.0
-
'@types/yargs@17.0.10':
dependencies:
'@types/yargs-parser': 21.0.0
@@ -22346,17 +22290,7 @@ snapshots:
- supports-color
optional: true
- babel-plugin-react-compiler@0.0.0-experimental-c23de8d-20240515:
- dependencies:
- '@babel/generator': 7.2.0
- '@babel/types': 7.22.5
- chalk: 4.1.2
- invariant: 2.2.4
- pretty-format: 24.9.0
- zod: 3.23.8
- zod-validation-error: 2.1.0(zod@3.23.8)
-
- babel-plugin-react-compiler@19.0.0-beta-df7b47d-20241124:
+ babel-plugin-react-compiler@19.0.0-beta-e552027-20250112:
dependencies:
'@babel/types': 7.22.5
@@ -30924,13 +30858,6 @@ snapshots:
lodash: 4.17.20
renderkid: 3.0.0
- pretty-format@24.9.0:
- dependencies:
- '@jest/types': 24.9.0
- ansi-regex: 4.1.0
- ansi-styles: 3.2.1
- react-is: 19.1.0-canary-f0edf41e-20250115
-
pretty-format@27.5.1:
dependencies:
ansi-regex: 5.0.1
@@ -33156,8 +33083,6 @@ snapshots:
trim-off-newlines@1.0.1: {}
- trim-right@1.0.1: {}
-
trim-trailing-lines@1.1.2: {}
trim@0.0.1: {}
@@ -34378,18 +34303,12 @@ snapshots:
yoga-wasm-web@0.3.3: {}
- zod-validation-error@2.1.0(zod@3.23.8):
- dependencies:
- zod: 3.23.8
-
zod-validation-error@3.4.0(zod@3.22.3):
dependencies:
zod: 3.22.3
zod@3.22.3: {}
- zod@3.23.8: {}
-
zwitch@1.0.5: {}
zwitch@2.0.4: {}
diff --git a/test/e2e/react-compiler/app/page.tsx b/test/e2e/react-compiler/app/page.tsx
index ab6844433c2ab..dc25e277baa39 100644
--- a/test/e2e/react-compiler/app/page.tsx
+++ b/test/e2e/react-compiler/app/page.tsx
@@ -1,25 +1,25 @@
'use client'
+import { useEffect } from 'react'
+
export default function Page() {
- let heading: any = ''
+ let $_: any
if (typeof window !== 'undefined') {
// eslint-disable-next-line no-eval
- const $_ = eval('$')
+ $_ = eval('$')
+ }
+ useEffect(() => {
if (Array.isArray($_)) {
- heading = (
-
- {/* @ts-ignore */}
- React compiler is enabled with {$_.length} memo slots
-
- )
+ document.getElementById('react-compiler-enabled-message')!.textContent =
+ `React compiler is enabled with ${$_!.length} memo slots`
}
- }
+ })
return (
<>
- {heading}
+
hello world