Update base for Update on "[compiler] Expect components to have hook …

…calls or jsx directly in body"

Summary: We can tighten our criteria for what is a component by requiring that a component or hook contain JSX or hook calls directly within its body, excluding nested functions . Currently, if we see them within the body anywhere -- including nested functions -- we treat it as a component if the other requirements are met. This change makes this stricter.

We also now expect components (but not necessarily hooks) to have return statements, and those returns must be potential React nodes (we can reject functions that return function or object literals, for example).

[ghstack-poisoned]

compiler/packages/babel-plugin-react-compiler/src/Entrypoint/Program.ts

@@ -501,12 +501,12 @@ function getReactFunctionType(
   }
 
   // Component and hook declarations are known components/hooks
-  let explicitSyntax: ReactFunctionType | null = null;
+  let componentSyntaxType: ReactFunctionType | null = null;
   if (fn.isFunctionDeclaration()) {
     if (isComponentDeclaration(fn.node)) {
-      explicitSyntax = "Component";
+      componentSyntaxType = "Component";
     } else if (isHookDeclaration(fn.node)) {
-      explicitSyntax = "Hook";
+      componentSyntaxType = "Hook";
     }
   }
 
@@ -517,10 +517,10 @@ function getReactFunctionType(
     }
     case "infer": {
       // Check if this is a component or hook-like function
-      return explicitSyntax ?? getComponentOrHookLike(fn, hookPattern);
+      return componentSyntaxType ?? getComponentOrHookLike(fn, hookPattern);
     }
     case "syntax": {
-      return explicitSyntax;
+      return componentSyntaxType;
     }
     case "all": {
       // Compile only top level functions