[compiler] Update react deps to experimental instead of beta (#31385)

Some tests rely on experimental APIs so let's just use react@experimental instead of beta
facebook · Oct 30, 2024 · 603e610 · 603e610
1 parent 4abe4b5
commit 603e610
Show file tree

Hide file tree

Showing 11 changed files with 167 additions and 240 deletions.
diff --git a/compiler/packages/babel-plugin-react-compiler/package.json b/compiler/packages/babel-plugin-react-compiler/package.json
@@ -48,8 +48,8 @@
     "jest": "^29.0.3",
     "jest-environment-jsdom": "^29.0.3",
     "pretty-format": "^24",
-    "react": "19.0.0-beta-b498834eab-20240506",
-    "react-dom": "19.0.0-beta-b498834eab-20240506",
+    "react": "0.0.0-experimental-0bc30748-20241028",
+    "react-dom": "0.0.0-experimental-0bc30748-20241028",
     "rimraf": "^3.0.2",
     "ts-jest": "^29.1.1",
     "ts-node": "^10.9.2",

diff --git a/...ct-compiler/src/__tests__/fixtures/compiler/error.bug-import-as-local.expect.md b/...ct-compiler/src/__tests__/fixtures/compiler/error.bug-import-as-local.expect.md
diff --git a/...babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-import-as-local.tsx b/...babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.bug-import-as-local.tsx
diff --git a/...r/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-subtree.expect.md b/...r/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-subtree.expect.md
@@ -14,7 +14,7 @@ import fbt from 'fbt';
 function Foo(props) {
   return (
     <fbt desc={'Dialog to show to user'}>
-      <span>
+      <span key={props.name}>
         <fbt:param name="user name really long description for prettier">
           {props.name}
         </fbt:param>
@@ -53,7 +53,7 @@ function Foo(props) {
       [
         fbt._implicitParam(
           "=m0",
-          <span>
+          <span key={props.name}>
             {fbt._(
               "{user name really long description for prettier} !",
               [

diff --git a/...in-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-subtree.tsx b/...in-react-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-subtree.tsx
@@ -10,7 +10,7 @@ import fbt from 'fbt';
 function Foo(props) {
   return (
     <fbt desc={'Dialog to show to user'}>
-      <span>
+      <span key={props.name}>
         <fbt:param name="user name really long description for prettier">
           {props.name}
         </fbt:param>

diff --git a/.../__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-two-subtrees.expect.md b/.../__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-two-subtrees.expect.md
@@ -8,13 +8,13 @@ function Foo({name1, name2}) {
   return (
     <fbt desc="Text that is displayed when two people accepts the user's pull request.">
       <fbt:param name="user1">
-        <span>
+        <span key={name1}>
           <b>{name1}</b>
         </span>
       </fbt:param>
       and
       <fbt:param name="user2">
-        <span>
+        <span key={name2}>
           <b>{name2}</b>
         </span>
       </fbt:param>
@@ -47,14 +47,14 @@ function Foo(t0) {
         fbt._param(
           "user1",
 
-          <span>
+          <span key={name1}>
             <b>{name1}</b>
           </span>,
         ),
         fbt._param(
           "user2",
 
-          <span>
+          <span key={name2}>
             <b>{name2}</b>
           </span>,
         ),

diff --git a/...act-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-two-subtrees.tsx b/...act-compiler/src/__tests__/fixtures/compiler/fbt/fbt-preserve-whitespace-two-subtrees.tsx
@@ -4,13 +4,13 @@ function Foo({name1, name2}) {
   return (
     <fbt desc="Text that is displayed when two people accepts the user's pull request.">
       <fbt:param name="user1">
-        <span>
+        <span key={name1}>
           <b>{name1}</b>
         </span>
       </fbt:param>
       and
       <fbt:param name="user2">
-        <span>
+        <span key={name2}>
           <b>{name2}</b>
         </span>
       </fbt:param>

diff --git a/...plugin-react-compiler/src/__tests__/fixtures/compiler/import-as-local.expect.md b/...plugin-react-compiler/src/__tests__/fixtures/compiler/import-as-local.expect.md
@@ -137,4 +137,4 @@ export const FIXTURE_ENTRYPOINT = {
 ```
       
 ### Eval output
-(kind: exception) (0 , _react.experimental_useEffectEvent) is not a function
+(kind: ok) <div>Hello</div>
diff --git a/...react-compiler/src/__tests__/fixtures/compiler/module-scoped-bindings.expect.md b/...react-compiler/src/__tests__/fixtures/compiler/module-scoped-bindings.expect.md
@@ -101,4 +101,4 @@ export const FIXTURE_ENTRYPOINT = {
 ```
       
 ### Eval output
-(kind: ok) [{"Children":{"map":"[[ function params=3 ]]","forEach":"[[ function params=3 ]]","count":"[[ function params=1 ]]","toArray":"[[ function params=1 ]]","only":"[[ function params=1 ]]"},"Component":"[[ function params=3 ]]","PureComponent":"[[ function params=3 ]]","__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE":{"H":{"readContext":"[[ function params=1 ]]","use":"[[ function params=1 ]]","useCallback":"[[ function params=2 ]]","useContext":"[[ function params=1 ]]","useEffect":"[[ function params=2 ]]","useImperativeHandle":"[[ function params=3 ]]","useInsertionEffect":"[[ function params=2 ]]","useLayoutEffect":"[[ function params=2 ]]","useMemo":"[[ function params=2 ]]","useReducer":"[[ function params=3 ]]","useRef":"[[ function params=1 ]]","useState":"[[ function params=1 ]]","useDebugValue":"[[ function params=2 ]]","useDeferredValue":"[[ function params=2 ]]","useTransition":"[[ function params=0 ]]","useSyncExternalStore":"[[ function params=3 ]]","useId":"[[ function params=0 ]]","useCacheRefresh":"[[ function params=0 ]]","useMemoCache":"[[ function params=1 ]]","useHostTransitionStatus":"[[ function params=0 ]]","useFormState":"[[ function params=3 ]]","useActionState":"[[ function params=3 ]]","useOptimistic":"[[ function params=2 ]]"},"A":{"getCacheForType":"[[ function params=1 ]]","getOwner":"[[ function params=0 ]]"},"T":null,"actQueue":["[[ function params=0 ]]","[[ function params=1 ]]"],"isBatchingLegacy":false,"didScheduleLegacyUpdate":false,"didUsePromise":false,"thrownErrors":[],"setExtraStackFrame":"[[ function params=1 ]]","getCurrentStack":"[[ function params=0 ]]","getStackAddendum":"[[ function params=0 ]]"},"act":"[[ function params=1 ]]","cache":"[[ function params=1 ]]","cloneElement":"[[ function params=3 ]]","createContext":"[[ function params=1 ]]","createElement":"[[ function params=3 ]]","createRef":"[[ function params=0 ]]","forwardRef":"[[ function params=1 ]]","isValidElement":"[[ function params=1 ]]","lazy":"[[ function params=1 ]]","memo":"[[ function params=2 ]]","startTransition":"[[ function params=2 ]]","unstable_useCacheRefresh":"[[ function params=0 ]]","use":"[[ function params=1 ]]","useActionState":"[[ function params=3 ]]","useCallback":"[[ function params=2 ]]","useContext":"[[ function params=1 ]]","useDebugValue":"[[ function params=2 ]]","useDeferredValue":"[[ function params=2 ]]","useEffect":"[[ function params=2 ]]","useId":"[[ function params=0 ]]","useImperativeHandle":"[[ function params=3 ]]","useInsertionEffect":"[[ function params=2 ]]","useLayoutEffect":"[[ function params=2 ]]","useMemo":"[[ function params=2 ]]","useOptimistic":"[[ function params=2 ]]","useReducer":"[[ function params=3 ]]","useRef":"[[ function params=1 ]]","useState":"[[ function params=1 ]]","useSyncExternalStore":"[[ function params=3 ]]","useTransition":"[[ function params=0 ]]","version":"19.0.0-beta-b498834eab-20240506"},"[[ cyclic ref *6 ]]",true,true,true,true,"[[ function params=0 ]]",true,"[[ function params=0 ]]"]
+(kind: ok) [{"Children":{"map":"[[ function params=3 ]]","forEach":"[[ function params=3 ]]","count":"[[ function params=1 ]]","toArray":"[[ function params=1 ]]","only":"[[ function params=1 ]]"},"Component":"[[ function params=3 ]]","PureComponent":"[[ function params=3 ]]","__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE":{"H":{"readContext":"[[ function params=1 ]]","use":"[[ function params=1 ]]","useCallback":"[[ function params=2 ]]","useContext":"[[ function params=1 ]]","useEffect":"[[ function params=2 ]]","useImperativeHandle":"[[ function params=3 ]]","useInsertionEffect":"[[ function params=2 ]]","useLayoutEffect":"[[ function params=2 ]]","useMemo":"[[ function params=2 ]]","useReducer":"[[ function params=3 ]]","useRef":"[[ function params=1 ]]","useState":"[[ function params=1 ]]","useDebugValue":"[[ function params=0 ]]","useDeferredValue":"[[ function params=2 ]]","useTransition":"[[ function params=0 ]]","useSyncExternalStore":"[[ function params=3 ]]","useId":"[[ function params=0 ]]","useCacheRefresh":"[[ function params=0 ]]","useMemoCache":"[[ function params=1 ]]","useEffectEvent":"[[ function params=1 ]]","useHostTransitionStatus":"[[ function params=0 ]]","useFormState":"[[ function params=2 ]]","useActionState":"[[ function params=2 ]]","useOptimistic":"[[ function params=1 ]]"},"A":{"getCacheForType":"[[ function params=1 ]]","getOwner":"[[ function params=0 ]]"},"T":null,"S":"[[ function params=2 ]]","actQueue":["[[ function params=0 ]]","[[ function params=1 ]]"],"isBatchingLegacy":false,"didScheduleLegacyUpdate":false,"didUsePromise":false,"thrownErrors":[],"getCurrentStack":"[[ function params=0 ]]"},"__COMPILER_RUNTIME":{"c":"[[ function params=1 ]]"},"act":"[[ function params=1 ]]","cache":"[[ function params=1 ]]","captureOwnerStack":"[[ function params=0 ]]","cloneElement":"[[ function params=3 ]]","createContext":"[[ function params=1 ]]","createElement":"[[ function params=3 ]]","createRef":"[[ function params=0 ]]","experimental_useEffectEvent":"[[ function params=1 ]]","experimental_useOptimistic":"[[ function params=2 ]]","forwardRef":"[[ function params=1 ]]","isValidElement":"[[ function params=1 ]]","lazy":"[[ function params=1 ]]","memo":"[[ function params=2 ]]","startTransition":"[[ function params=1 ]]","unstable_getCacheForType":"[[ function params=1 ]]","unstable_postpone":"[[ function params=1 ]]","unstable_useCacheRefresh":"[[ function params=0 ]]","use":"[[ function params=1 ]]","useActionState":"[[ function params=3 ]]","useCallback":"[[ function params=2 ]]","useContext":"[[ function params=1 ]]","useDebugValue":"[[ function params=2 ]]","useDeferredValue":"[[ function params=2 ]]","useEffect":"[[ function params=2 ]]","useId":"[[ function params=0 ]]","useImperativeHandle":"[[ function params=3 ]]","useInsertionEffect":"[[ function params=2 ]]","useLayoutEffect":"[[ function params=2 ]]","useMemo":"[[ function params=2 ]]","useOptimistic":"[[ function params=2 ]]","useReducer":"[[ function params=3 ]]","useRef":"[[ function params=1 ]]","useState":"[[ function params=1 ]]","useSyncExternalStore":"[[ function params=3 ]]","useTransition":"[[ function params=0 ]]","version":"19.0.0-experimental-0bc30748-20241028"},"[[ cyclic ref *6 ]]",true,true,true,true,"[[ function params=0 ]]",true,"[[ function params=0 ]]"]
diff --git a/compiler/packages/snap/package.json b/compiler/packages/snap/package.json
@@ -33,8 +33,8 @@
     "glob": "^10.3.10",
     "hermes-parser": "^0.19.1",
     "jsdom": "^22.1.0",
-    "react": "19.0.0-beta-b498834eab-20240506",
-    "react-dom": "19.0.0-beta-b498834eab-20240506",
+    "react": "0.0.0-experimental-0bc30748-20241028",
+    "react-dom": "0.0.0-experimental-0bc30748-20241028",
     "readline": "^1.3.0",
     "yargs": "^17.7.1"
   },