[snap] Fix misconfigured React and broken tests

ghstack-source-id: 8f6451528b4b92e251b83e4e389bea6b697ea3cb
Pull Request resolved: #31078

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-assigned-to-temporary.expect.md

@@ -19,15 +19,17 @@ function Component() {
   );
 }
 
-function cx(obj) {
-  const classes = [];
-  for (const [key, value] of Object.entries(obj)) {
-    if (value) {
-      classes.push(key);
+const cx = {
+  foo(obj) {
+    const classes = [];
+    for (const [key, value] of Object.entries(obj)) {
+      if (value) {
+        classes.push(key);
+      }
     }
-  }
-  return classes.join(' ');
-}
+    return classes.join(' ');
+  },
+};
 
 function useTheme() {
   return {
@@ -71,15 +73,17 @@ function Component() {
   return t1;
 }
 
-function cx(obj) {
-  const classes = [];
-  for (const [key, value] of Object.entries(obj)) {
-    if (value) {
-      classes.push(key);
+const cx = {
+  foo(obj) {
+    const classes = [];
+    for (const [key, value] of Object.entries(obj)) {
+      if (value) {
+        classes.push(key);
+      }
     }
-  }
-  return classes.join(" ");
-}
+    return classes.join(" ");
+  },
+};
 
 function useTheme() {
   return {
@@ -97,4 +101,4 @@ export const FIXTURE_ENTRYPOINT = {
 ```
       
 ### Eval output
-(kind: exception) cx.foo is not a function
+(kind: ok) <div class="styles/light styles/dark"></div>

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/meta-isms/repro-cx-namespace-assigned-to-temporary.js

@@ -15,15 +15,17 @@ function Component() {
   );
 }
 
-function cx(obj) {
-  const classes = [];
-  for (const [key, value] of Object.entries(obj)) {
-    if (value) {
-      classes.push(key);
+const cx = {
+  foo(obj) {
+    const classes = [];
+    for (const [key, value] of Object.entries(obj)) {
+      if (value) {
+        classes.push(key);
+      }
     }
-  }
-  return classes.join(' ');
-}
+    return classes.join(' ');
+  },
+};
 
 function useTheme() {
   return {

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-outer-scope-within-value-block.expect.md

@@ -4,6 +4,8 @@
 ```javascript
 import {CONST_TRUE, identity, shallowCopy} from 'shared-runtime';
 
+function mutate(_: unknown) {}
+
 /**
  * There are three values with their own scopes in this fixture.
  * - arr, whose mutable range extends to the `mutate(...)` call
@@ -45,6 +47,8 @@ export const FIXTURE_ENTRYPOINT = {
 import { c as _c } from "react/compiler-runtime";
 import { CONST_TRUE, identity, shallowCopy } from "shared-runtime";
 
+function mutate(_) {}
+
 /**
  * There are three values with their own scopes in this fixture.
  * - arr, whose mutable range extends to the `mutate(...)` call
@@ -91,4 +95,4 @@ export const FIXTURE_ENTRYPOINT = {
 ```
       
 ### Eval output
-(kind: exception) mutate is not defined
+(kind: ok) 

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/mutate-outer-scope-within-value-block.ts

@@ -1,5 +1,7 @@
 import {CONST_TRUE, identity, shallowCopy} from 'shared-runtime';
 
+function mutate(_: unknown) {}
+
 /**
  * There are three values with their own scopes in this fixture.
  * - arr, whose mutable range extends to the `mutate(...)` call

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-dep-scope-pruned.expect.md

@@ -6,6 +6,8 @@
 import {useCallback} from 'react';
 import {identity, useIdentity} from 'shared-runtime';
 
+function mutate(_: unknown) {}
+
 /**
  * Repro showing a manual memo whose declaration (useCallback's 1st argument)
  * is memoized, but not its dependency (x). In this case, `x`'s scope is pruned
@@ -33,6 +35,8 @@ import { c as _c } from "react/compiler-runtime"; // @validatePreserveExistingMe
 import { useCallback } from "react";
 import { identity, useIdentity } from "shared-runtime";
 
+function mutate(_) {}
+
 /**
  * Repro showing a manual memo whose declaration (useCallback's 1st argument)
  * is memoized, but not its dependency (x). In this case, `x`'s scope is pruned
@@ -62,4 +66,4 @@ export const FIXTURE_ENTRYPOINT = {
 ```
       
 ### Eval output
-(kind: exception) mutate is not defined
+(kind: ok) "[[ function params=0 ]]"

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useCallback-dep-scope-pruned.ts

@@ -2,6 +2,8 @@
 import {useCallback} from 'react';
 import {identity, useIdentity} from 'shared-runtime';
 
+function mutate(_: unknown) {}
+
 /**
  * Repro showing a manual memo whose declaration (useCallback's 1st argument)
  * is memoized, but not its dependency (x). In this case, `x`'s scope is pruned

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-allocating-ternary-test-instruction-scope.expect.md

@@ -4,6 +4,8 @@
 ```javascript
 import {identity, makeObject_Primitives} from 'shared-runtime';
 
+function useHook() {}
+
 function useTest({cond}) {
   const val = makeObject_Primitives();
 
@@ -31,6 +33,8 @@ export const FIXTURE_ENTRYPOINT = {
 import { c as _c } from "react/compiler-runtime";
 import { identity, makeObject_Primitives } from "shared-runtime";
 
+function useHook() {}
+
 function useTest(t0) {
   const $ = _c(3);
   const { cond } = t0;
@@ -64,4 +68,4 @@ export const FIXTURE_ENTRYPOINT = {
 ```
       
 ### Eval output
-(kind: exception) useHook is not defined
+(kind: ok) {"a":0,"b":"value1","c":true}

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/repro-allocating-ternary-test-instruction-scope.ts

@@ -1,5 +1,7 @@
 import {identity, makeObject_Primitives} from 'shared-runtime';
 
+function useHook() {}
+
 function useTest({cond}) {
   const val = makeObject_Primitives();
 

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-locals-named-like-hooks.expect.md

@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-import {makeObject_Primitives} from 'shared-runtime';
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
 
 function Component(props) {
   let useFeature = makeObject_Primitives();
@@ -32,7 +32,7 @@ export const FIXTURE_ENTRYPOINT = {
 
 ```javascript
 import { c as _c } from "react/compiler-runtime";
-import { makeObject_Primitives } from "shared-runtime";
+import { makeObject_Primitives, Stringify } from "shared-runtime";
 
 function Component(props) {
   const $ = _c(2);
@@ -75,4 +75,4 @@ export const FIXTURE_ENTRYPOINT = {
 ```
       
 ### Eval output
-(kind: exception) Stringify is not defined
+(kind: ok) <div>{"val":{"a":0,"b":"value1","c":true},"children":[2,"[[ cyclic ref *1 ]]",null]}</div>

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/rules-of-hooks/allow-locals-named-like-hooks.js

@@ -1,4 +1,4 @@
-import {makeObject_Primitives} from 'shared-runtime';
+import {makeObject_Primitives, Stringify} from 'shared-runtime';
 
 function Component(props) {
   let useFeature = makeObject_Primitives();