update babel and fix tests accordingly

Summary:
X-link: facebook/metro#1343

Updated all **babel** packages in all `package.json` across the repo and ran `npx yarn-deduplicate yarn.lock --scopes babel`. Afterwards, fixed the following issues appearing as a result of that (squashed the following initially separate diffs to make this packages update work atomically):
### (D61336392) updated jest snapshot tests failing
### (D61336393) updated babel types and corrected typings accordingly
The latest babel 7 introduces the following features we need to adjust our types to:
* `JSXNamespacedName` is removed from valid `CallExpression` args ([PR](babel/babel#16421))
  * `JSXNamespacedName` is used for namespaced XML properties in things like `<div namespace:name="value">`, but `fn(namespace:name)` doesn't make any sense.
* Dynamic imports are enabled behind a new flag `createImportExpressions` ([PR](babel/babel#15682)), introducing calls such as `import(foo, options)`. These complicate the expected values passed to `import` to be more than just strings.
  * Since these are behind a flag that is not expected to be enabled, we can throw an error for now and whoever uses it can add a support to it if needed later.

### Added a new metro ENV ignore
`BROWSERSLIST_ROOT_PATH` is set to `""` explicitly in `xplat/js/BUCK`
and then ignored in
`js/tools/metro-buck-transform-worker/src/EnvVarAllowList.js`

Differential Revision: D61543660

flow-typed/npm/babel-traverse_v7.x.x.js

@@ -900,7 +900,9 @@ declare module '@babel/traverse' {
     isImportAttribute(opts?: Opts): boolean;
     isImportDeclaration(opts?: Opts): boolean;
     isImportDefaultSpecifier(opts?: Opts): boolean;
+    isImportExpression(opts?: Opts): boolean;
     isImportNamespaceSpecifier(opts?: Opts): boolean;
+    isImportOrExportDeclaration(opts?: Opts): boolean;
     isImportSpecifier(opts?: Opts): boolean;
     isIndexedAccessType(opts?: Opts): boolean;
     isInferredPredicate(opts?: Opts): boolean;
@@ -1215,7 +1217,9 @@ declare module '@babel/traverse' {
     assertImportAttribute(opts?: Opts): void;
     assertImportDeclaration(opts?: Opts): void;
     assertImportDefaultSpecifier(opts?: Opts): void;
+    assertImportExpression(opts?: Opts): void;
     assertImportNamespaceSpecifier(opts?: Opts): void;
+    assertImportOrExportDeclaration(opts?: Opts): void;
     assertImportSpecifier(opts?: Opts): void;
     assertIndexedAccessType(opts?: Opts): void;
     assertInferredPredicate(opts?: Opts): void;
@@ -1571,10 +1575,15 @@ declare module '@babel/traverse' {
     ImportAttribute?: VisitNode<BabelNodeImportAttribute, TState>,
     ImportDeclaration?: VisitNode<BabelNodeImportDeclaration, TState>,
     ImportDefaultSpecifier?: VisitNode<BabelNodeImportDefaultSpecifier, TState>,
+    ImportExpression?: VisitNode<BabelNodeImportExpression, TState>,
     ImportNamespaceSpecifier?: VisitNode<
       BabelNodeImportNamespaceSpecifier,
       TState,
     >,
+    ImportOrExportDeclaration?: VisitNode<
+      BabelNodeImportOrExportDeclaration,
+      TState,
+    >,
     ImportSpecifier?: VisitNode<BabelNodeImportSpecifier, TState>,
     IndexedAccessType?: VisitNode<BabelNodeIndexedAccessType, TState>,
     InferredPredicate?: VisitNode<BabelNodeInferredPredicate, TState>,

package.json

@@ -41,12 +41,12 @@
     "!packages/helloworld"
   ],
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/eslint-parser": "^7.20.0",
-    "@babel/generator": "^7.20.0",
-    "@babel/plugin-transform-regenerator": "^7.20.0",
-    "@babel/preset-env": "^7.20.0",
-    "@babel/preset-flow": "^7.20.0",
+    "@babel/core": "^7.25.2",
+    "@babel/eslint-parser": "^7.25.1",
+    "@babel/generator": "^7.25.0",
+    "@babel/plugin-transform-regenerator": "^7.24.7",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/preset-flow": "^7.24.7",
     "@definitelytyped/dtslint": "^0.0.127",
     "@jest/create-cache-key-function": "^29.6.3",
     "@pkgjs/parseargs": "^0.11.0",
@@ -58,7 +58,7 @@
     "ansi-styles": "^4.2.1",
     "babel-plugin-minify-dead-code-elimination": "^0.5.2",
     "babel-plugin-syntax-hermes-parser": "0.23.1",
-    "babel-plugin-transform-define": "^2.1.2",
+    "babel-plugin-transform-define": "^2.1.4",
     "babel-plugin-transform-flow-enums": "^0.0.2",
     "babel-preset-fbjs": "^3.4.0",
     "chalk": "^4.0.0",

packages/babel-plugin-codegen/package.json

@@ -28,6 +28,6 @@
     "@react-native/codegen": "0.76.0-main"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0"
+    "@babel/core": "^7.25.2"
   }
 }

packages/eslint-config-react-native/package.json

@@ -20,8 +20,8 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/eslint-parser": "^7.20.0",
+    "@babel/core": "^7.25.2",
+    "@babel/eslint-parser": "^7.25.1",
     "@react-native/eslint-plugin": "0.76.0-main",
     "@typescript-eslint/eslint-plugin": "^7.1.1",
     "@typescript-eslint/parser": "^7.1.1",

packages/eslint-plugin-specs/package.json

@@ -27,10 +27,10 @@
     "postpack": "node postpack.js"
   },
   "dependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/eslint-parser": "^7.20.0",
-    "@babel/plugin-transform-flow-strip-types": "^7.20.0",
-    "@babel/preset-flow": "^7.20.0",
+    "@babel/core": "^7.25.2",
+    "@babel/eslint-parser": "^7.25.1",
+    "@babel/plugin-transform-flow-strip-types": "^7.25.2",
+    "@babel/preset-flow": "^7.24.7",
     "@react-native/codegen": "0.76.0-main",
     "make-dir": "^2.1.0",
     "pirates": "^4.0.1",

packages/helloworld/package.json

@@ -16,9 +16,9 @@
     "react-native": "1000.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/preset-env": "^7.20.0",
-    "@babel/runtime": "^7.20.0",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/runtime": "^7.25.0",
     "@react-native/babel-preset": "0.76.0-main",
     "@react-native/core-cli-utils": "0.76.0-main",
     "@react-native/eslint-config": "0.76.0-main",

packages/hermes-inspector-msggen/package.json

@@ -26,10 +26,10 @@
     "yargs": "^17.6.2"
   },
   "devDependencies": {
-    "@babel/cli": "^7.20.0",
-    "@babel/core": "^7.20.0",
-    "@babel/preset-env": "^7.20.0",
-    "@babel/preset-flow": "^7.20.0",
+    "@babel/cli": "^7.24.8",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/preset-flow": "^7.24.7",
     "jest": "^29.6.3"
   },
   "jest": {

packages/react-native-babel-preset/package.json

@@ -14,48 +14,48 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/plugin-transform-async-generator-functions": "^7.24.3",
-    "@babel/plugin-transform-class-properties": "^7.24.1",
-    "@babel/plugin-proposal-export-default-from": "^7.0.0",
-    "@babel/plugin-transform-logical-assignment-operators": "^7.24.1",
-    "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.1",
-    "@babel/plugin-transform-numeric-separator": "^7.24.1",
-    "@babel/plugin-transform-object-rest-spread": "^7.24.5",
-    "@babel/plugin-transform-optional-catch-binding": "^7.24.1",
-    "@babel/plugin-transform-optional-chaining": "^7.24.5",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.0",
-    "@babel/plugin-syntax-export-default-from": "^7.0.0",
-    "@babel/plugin-syntax-flow": "^7.18.0",
-    "@babel/plugin-syntax-nullish-coalescing-operator": "^7.0.0",
-    "@babel/plugin-syntax-optional-chaining": "^7.0.0",
-    "@babel/plugin-transform-arrow-functions": "^7.0.0",
-    "@babel/plugin-transform-async-to-generator": "^7.20.0",
-    "@babel/plugin-transform-block-scoping": "^7.0.0",
-    "@babel/plugin-transform-classes": "^7.0.0",
-    "@babel/plugin-transform-computed-properties": "^7.0.0",
-    "@babel/plugin-transform-destructuring": "^7.20.0",
-    "@babel/plugin-transform-flow-strip-types": "^7.20.0",
-    "@babel/plugin-transform-for-of": "^7.0.0",
-    "@babel/plugin-transform-function-name": "^7.0.0",
-    "@babel/plugin-transform-literals": "^7.0.0",
-    "@babel/plugin-transform-modules-commonjs": "^7.0.0",
-    "@babel/plugin-transform-named-capturing-groups-regex": "^7.0.0",
-    "@babel/plugin-transform-parameters": "^7.0.0",
-    "@babel/plugin-transform-private-methods": "^7.22.5",
-    "@babel/plugin-transform-private-property-in-object": "^7.22.11",
-    "@babel/plugin-transform-react-display-name": "^7.0.0",
-    "@babel/plugin-transform-react-jsx": "^7.0.0",
-    "@babel/plugin-transform-react-jsx-self": "^7.0.0",
-    "@babel/plugin-transform-react-jsx-source": "^7.0.0",
-    "@babel/plugin-transform-regenerator": "^7.20.0",
-    "@babel/plugin-transform-runtime": "^7.0.0",
-    "@babel/plugin-transform-shorthand-properties": "^7.0.0",
-    "@babel/plugin-transform-spread": "^7.0.0",
-    "@babel/plugin-transform-sticky-regex": "^7.0.0",
-    "@babel/plugin-transform-typescript": "^7.5.0",
-    "@babel/plugin-transform-unicode-regex": "^7.0.0",
-    "@babel/template": "^7.0.0",
+    "@babel/core": "^7.25.2",
+    "@babel/plugin-transform-async-generator-functions": "^7.25.4",
+    "@babel/plugin-transform-class-properties": "^7.25.4",
+    "@babel/plugin-proposal-export-default-from": "^7.24.7",
+    "@babel/plugin-transform-logical-assignment-operators": "^7.24.7",
+    "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7",
+    "@babel/plugin-transform-numeric-separator": "^7.24.7",
+    "@babel/plugin-transform-object-rest-spread": "^7.24.7",
+    "@babel/plugin-transform-optional-catch-binding": "^7.24.7",
+    "@babel/plugin-transform-optional-chaining": "^7.24.8",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-syntax-export-default-from": "^7.24.7",
+    "@babel/plugin-syntax-flow": "^7.24.7",
+    "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+    "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+    "@babel/plugin-transform-arrow-functions": "^7.24.7",
+    "@babel/plugin-transform-async-to-generator": "^7.24.7",
+    "@babel/plugin-transform-block-scoping": "^7.25.0",
+    "@babel/plugin-transform-classes": "^7.25.4",
+    "@babel/plugin-transform-computed-properties": "^7.24.7",
+    "@babel/plugin-transform-destructuring": "^7.24.8",
+    "@babel/plugin-transform-flow-strip-types": "^7.25.2",
+    "@babel/plugin-transform-for-of": "^7.24.7",
+    "@babel/plugin-transform-function-name": "^7.25.1",
+    "@babel/plugin-transform-literals": "^7.25.2",
+    "@babel/plugin-transform-modules-commonjs": "^7.24.8",
+    "@babel/plugin-transform-named-capturing-groups-regex": "^7.24.7",
+    "@babel/plugin-transform-parameters": "^7.24.7",
+    "@babel/plugin-transform-private-methods": "^7.24.7",
+    "@babel/plugin-transform-private-property-in-object": "^7.24.7",
+    "@babel/plugin-transform-react-display-name": "^7.24.7",
+    "@babel/plugin-transform-react-jsx": "^7.25.2",
+    "@babel/plugin-transform-react-jsx-self": "^7.24.7",
+    "@babel/plugin-transform-react-jsx-source": "^7.24.7",
+    "@babel/plugin-transform-regenerator": "^7.24.7",
+    "@babel/plugin-transform-runtime": "^7.24.7",
+    "@babel/plugin-transform-shorthand-properties": "^7.24.7",
+    "@babel/plugin-transform-spread": "^7.24.7",
+    "@babel/plugin-transform-sticky-regex": "^7.24.7",
+    "@babel/plugin-transform-typescript": "^7.25.2",
+    "@babel/plugin-transform-unicode-regex": "^7.24.7",
+    "@babel/template": "^7.25.0",
     "@react-native/babel-plugin-codegen": "0.76.0-main",
     "babel-plugin-transform-flow-enums": "^0.0.2",
     "react-refresh": "^0.14.0"

packages/react-native-babel-transformer/package.json

@@ -15,7 +15,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@babel/core": "^7.20.0",
+    "@babel/core": "^7.25.2",
     "@react-native/babel-preset": "0.76.0-main",
     "hermes-parser": "0.23.1",
     "nullthrows": "^1.1.1"

packages/react-native-codegen-typescript-test/package.json

@@ -22,16 +22,16 @@
     "@react-native/codegen": "0.76.0-main"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/plugin-transform-class-properties": "^7.24.1",
-    "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.1",
-    "@babel/plugin-transform-object-rest-spread": "^7.24.5",
-    "@babel/plugin-transform-optional-chaining": "^7.24.5",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.0",
-    "@babel/plugin-transform-async-to-generator": "^7.20.0",
-    "@babel/plugin-transform-destructuring": "^7.20.0",
-    "@babel/plugin-transform-flow-strip-types": "^7.20.0",
-    "@babel/preset-env": "^7.20.0",
+    "@babel/core": "^7.25.2",
+    "@babel/plugin-transform-class-properties": "^7.25.4",
+    "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7",
+    "@babel/plugin-transform-object-rest-spread": "^7.24.7",
+    "@babel/plugin-transform-optional-chaining": "^7.24.8",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-async-to-generator": "^7.24.7",
+    "@babel/plugin-transform-destructuring": "^7.24.8",
+    "@babel/plugin-transform-flow-strip-types": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
     "@types/jest": "^29.5.3",
     "jest": "^29.6.3",
     "rimraf": "^3.0.2"

packages/react-native-codegen/package.json

@@ -29,7 +29,7 @@
     "lib"
   ],
   "dependencies": {
-    "@babel/parser": "^7.20.0",
+    "@babel/parser": "^7.25.3",
     "glob": "^7.1.1",
     "hermes-parser": "0.23.1",
     "invariant": "^2.2.4",
@@ -39,16 +39,16 @@
     "yargs": "^17.6.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/plugin-transform-class-properties": "^7.24.1",
-    "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.1",
-    "@babel/plugin-transform-object-rest-spread": "^7.24.5",
-    "@babel/plugin-transform-optional-chaining": "^7.24.5",
-    "@babel/plugin-syntax-dynamic-import": "^7.8.0",
-    "@babel/plugin-transform-async-to-generator": "^7.20.0",
-    "@babel/plugin-transform-destructuring": "^7.20.0",
-    "@babel/plugin-transform-flow-strip-types": "^7.20.0",
-    "@babel/preset-env": "^7.20.0",
+    "@babel/core": "^7.25.2",
+    "@babel/plugin-transform-class-properties": "^7.25.4",
+    "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7",
+    "@babel/plugin-transform-object-rest-spread": "^7.24.7",
+    "@babel/plugin-transform-optional-chaining": "^7.24.8",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-async-to-generator": "^7.24.7",
+    "@babel/plugin-transform-destructuring": "^7.24.8",
+    "@babel/plugin-transform-flow-strip-types": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
     "chalk": "^4.0.0",
     "hermes-estree": "0.23.1",
     "micromatch": "^4.0.4",

packages/react-native-test-library/package.json

@@ -25,7 +25,7 @@
     "generated"
   ],
   "devDependencies": {
-    "@babel/core": "^7.20.0",
+    "@babel/core": "^7.25.2",
     "@react-native/babel-preset": "0.76.0-main",
     "react-native": "1000.0.0"
   },

packages/react-native-test-renderer/package.json

@@ -5,9 +5,9 @@
   "description": "A Test rendering library for React Native",
   "license": "MIT",
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/plugin-transform-react-jsx": "^7.0.0",
-    "@babel/preset-env": "^7.20.0",
+    "@babel/core": "^7.25.2",
+    "@babel/plugin-transform-react-jsx": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
     "@babel/preset-flow": "^7.20.0"
   },
   "dependencies": {},