chore: bump react-native to 0.76

microsoft · Oct 31, 2024 · 25773a7 · 25773a7
1 parent 719257d
commit 25773a7
Show file tree

Hide file tree

Showing 31 changed files with 965 additions and 2,072 deletions.
diff --git a/.github/renovate.json b/.github/renovate.json
@@ -5,7 +5,7 @@
     {
       "groupName": "@react-native-community/cli",
       "matchPackagePrefixes": ["@react-native-community/cli"],
-      "allowedVersions": "^14.0.0"
+      "allowedVersions": "^15.0.0"
     },
     {
       "groupName": "Android",
@@ -29,7 +29,7 @@
     {
       "groupName": "Metro",
       "matchSourceUrlPrefixes": ["https://github.com/facebook/metro"],
-      "allowedVersions": "^0.80.0"
+      "allowedVersions": "^0.81.0"
     },
     {
       "groupName": "Moshi",
@@ -76,7 +76,7 @@
         "react-native-macos",
         "react-native-windows"
       ],
-      "allowedVersions": "^0.75.0"
+      "allowedVersions": "^0.76.0"
     }
   ],
   "postUpdateOptions": ["yarnDedupeHighest"],

diff --git a/.yarnrc.yml b/.yarnrc.yml
@@ -20,13 +20,12 @@ packageExtensions:
       # https://github.com/microsoft/fluentui/pull/30964
       "@types/react":
         optional: true
+  "@react-native/community-cli-plugin@*":
+    dependencies:
+      semver: ^7.1.3
   babel-plugin-transform-flow-enums@*:
     peerDependencies:
       "@babel/core": ^7.20.0
-  metro-config@*:
-    dependencies:
-      # `metro-config` fails to resolve `JsTransformerConfig` because it's in another package
-      metro-transform-worker: ^0.80.0
 plugins:
   - path: .yarn/plugins/@yarnpkg/plugin-compat.cjs
     spec: "@yarnpkg/plugin-compat"

diff --git a/incubator/@react-native-webapis/battery-status/package.json b/incubator/@react-native-webapis/battery-status/package.json
@@ -46,8 +46,8 @@
     "@types/node": "^20.0.0",
     "eslint": "^9.0.0",
     "prettier": "^3.0.0",
-    "react": "^18.2.0",
-    "react-native": "^0.75.0",
+    "react": "18.3.1",
+    "react-native": "^0.76.0",
     "typescript": "^5.0.0"
   },
   "engines": {

diff --git a/incubator/@react-native-webapis/web-storage/package.json b/incubator/@react-native-webapis/web-storage/package.json
@@ -61,10 +61,8 @@
     "eslint": "^9.0.0",
     "jest": "^29.2.1",
     "prettier": "^3.0.0",
-    "react": "^18.2.0",
-    "react-native": "^0.75.0",
-    "react-native-macos": "^0.75.0",
-    "react-native-windows": "^0.75.0",
+    "react": "18.3.1",
+    "react-native": "^0.76.0",
     "typescript": "^5.0.0"
   },
   "engines": {

diff --git a/incubator/polyfills/package.json b/incubator/polyfills/package.json
@@ -49,7 +49,7 @@
     "@types/babel__template": "^7.0.0",
     "@types/node": "^20.0.0",
     "eslint": "^9.0.0",
-    "metro-config": "^0.80.3",
+    "metro-config": "^0.81.0",
     "prettier": "^3.0.0",
     "typescript": "^5.0.0"
   },
@@ -60,7 +60,7 @@
     "alignDeps": {
       "requirements": {
         "development": [
-          "react-native@0.75"
+          "react-native@0.76"
         ],
         "production": [
           "react-native@>=0.72 <1.0"

diff --git a/incubator/react-native-error-trace-decorator/package.json b/incubator/react-native-error-trace-decorator/package.json
@@ -40,7 +40,7 @@
   },
   "dependencies": {
     "@rnx-kit/console": "^2.0.0",
-    "metro-symbolicate": "^0.80.0",
+    "metro-symbolicate": "^0.81.0",
     "source-map": "^0.5.6",
     "yargs": "^16.0.0"
   },

diff --git a/package.json b/package.json
@@ -39,7 +39,7 @@
     "@types/node": "^20.0.0",
     "eslint": "^9.0.0",
     "knip": "^5.30.2",
-    "metro": "^0.80.3",
+    "metro": "^0.81.0",
     "nx": "~19.5.0",
     "prettier": "^3.0.0",
     "prettier-plugin-organize-imports": "^4.0.0",
@@ -53,27 +53,27 @@
   "resolutions": {
     "@microsoft/eslint-plugin-sdl/eslint-plugin-react": "^7.35.2",
     "@microsoft/eslint-plugin-sdl/eslint-plugin-security": "^1.4.0",
-    "@react-native-community/cli": "^14.0.0",
-    "@react-native-community/cli-platform-android": "^14.0.0",
-    "@react-native-community/cli-platform-ios": "^14.0.0",
-    "@react-native-community/cli-server-api": "^14.0.0",
-    "@react-native-community/cli-tools": "^14.0.0",
-    "@react-native-community/cli-types": "^14.0.0",
+    "@react-native-community/cli": "^15.0.0",
+    "@react-native-community/cli-platform-android": "^15.0.0",
+    "@react-native-community/cli-platform-ios": "^15.0.0",
+    "@react-native-community/cli-server-api": "^15.0.0",
+    "@react-native-community/cli-tools": "^15.0.0",
+    "@react-native-community/cli-types": "^15.0.0",
     "@rnx-kit/react-native-host": "workspace:*",
     "@vue/compiler-sfc": "link:./incubator/ignore",
-    "react-native-macos/@react-native/assets-registry": "^0.75.0",
-    "react-native-macos/@react-native/codegen": "^0.75.0",
-    "react-native-macos/@react-native/community-cli-plugin": "^0.75.0",
-    "react-native-macos/@react-native/gradle-plugin": "^0.75.0",
-    "react-native-macos/@react-native/js-polyfills": "^0.75.0",
-    "react-native-macos/@react-native/normalize-colors": "^0.75.0",
-    "react-native-windows/@react-native/assets-registry": "^0.75.0",
-    "react-native-windows/@react-native/codegen": "^0.75.0",
-    "react-native-windows/@react-native/community-cli-plugin": "^0.75.0",
-    "react-native-windows/@react-native/gradle-plugin": "^0.75.0",
-    "react-native-windows/@react-native/js-polyfills": "^0.75.0",
-    "react-native-windows/@react-native/normalize-colors": "^0.75.0",
-    "react-native-windows/@react-native/virtualized-lists": "^0.75.0"
+    "react-native-macos/@react-native/assets-registry": "^0.76.0",
+    "react-native-macos/@react-native/codegen": "^0.76.0",
+    "react-native-macos/@react-native/community-cli-plugin": "^0.76.0",
+    "react-native-macos/@react-native/gradle-plugin": "^0.76.0",
+    "react-native-macos/@react-native/js-polyfills": "^0.76.0",
+    "react-native-macos/@react-native/normalize-colors": "^0.76.0",
+    "react-native-windows/@react-native/assets-registry": "^0.76.0",
+    "react-native-windows/@react-native/codegen": "^0.76.0",
+    "react-native-windows/@react-native/community-cli-plugin": "^0.76.0",
+    "react-native-windows/@react-native/gradle-plugin": "^0.76.0",
+    "react-native-windows/@react-native/js-polyfills": "^0.76.0",
+    "react-native-windows/@react-native/normalize-colors": "^0.76.0",
+    "react-native-windows/@react-native/virtualized-lists": "^0.76.0"
   },
   "workspaces": {
     "packages": [

diff --git a/packages/align-deps/package.json b/packages/align-deps/package.json
@@ -32,7 +32,7 @@
     "update-readme": "node scripts/update-readme.mjs"
   },
   "devDependencies": {
-    "@react-native-community/cli-types": "^14.0.0",
+    "@react-native-community/cli-types": "^15.0.0",
     "@rnx-kit/config": "*",
     "@rnx-kit/console": "*",
     "@rnx-kit/eslint-config": "*",

diff --git a/packages/babel-preset-metro-react-native/package.json b/packages/babel-preset-metro-react-native/package.json
@@ -49,7 +49,7 @@
     "@babel/core": "^7.20.0",
     "@babel/plugin-transform-typescript": "^7.20.0",
     "@babel/runtime": "^7.20.0",
-    "@react-native/babel-preset": "^0.75.0",
+    "@react-native/babel-preset": "^0.76.0",
     "@rnx-kit/babel-plugin-import-path-remapper": "*",
     "@rnx-kit/eslint-config": "*",
     "@rnx-kit/scripts": "*",

diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -73,7 +73,7 @@
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@babel/preset-env": "^7.20.0",
-    "@react-native-community/cli-types": "^14.0.0",
+    "@react-native-community/cli-types": "^15.0.0",
     "@rnx-kit/eslint-config": "*",
     "@rnx-kit/jest-preset": "*",
     "@rnx-kit/scripts": "*",
@@ -86,12 +86,12 @@
     "eslint": "^9.0.0",
     "jest": "^29.2.1",
     "markdown-table": "^3.0.0",
-    "metro": "^0.80.3",
-    "metro-babel-transformer": "^0.80.0",
-    "metro-config": "^0.80.3",
+    "metro": "^0.81.0",
+    "metro-babel-transformer": "^0.81.0",
+    "metro-config": "^0.81.0",
     "prettier": "^3.0.0",
-    "react": "^18.2.0",
-    "react-native": "^0.75.0",
+    "react": "18.3.1",
+    "react-native": "^0.76.0",
     "tsx": "^4.15.0",
     "type-fest": "^4.0.0",
     "typescript": "^5.0.0"

diff --git a/packages/config/package.json b/packages/config/package.json
@@ -50,7 +50,7 @@
     "@types/node": "^20.0.0",
     "@types/semver": "^7.0.0",
     "eslint": "^9.0.0",
-    "metro": "^0.80.3",
+    "metro": "^0.81.0",
     "prettier": "^3.0.0",
     "typescript": "^5.0.0"
   },

diff --git a/packages/jest-preset/package.json b/packages/jest-preset/package.json
@@ -41,17 +41,17 @@
   "devDependencies": {
     "@eslint/js": "^9.0.0",
     "@jest/types": "^29.2.1",
-    "@react-native-community/cli-types": "^14.0.0",
-    "@react-native/babel-preset": "^0.75.0",
+    "@react-native-community/cli-types": "^15.0.0",
+    "@react-native/babel-preset": "^0.76.0",
     "@rnx-kit/scripts": "*",
     "@rnx-kit/tsconfig": "*",
     "@types/jest": "^29.2.1",
     "@types/node": "^20.0.0",
     "eslint": "^9.0.0",
     "jest": "^29.2.1",
     "prettier": "^3.0.0",
-    "react": "^18.2.0",
-    "react-native": "^0.75.0",
+    "react": "18.3.1",
+    "react-native": "^0.76.0",
     "typescript": "^5.0.0"
   },
   "engines": {

diff --git a/packages/metro-config/package.json b/packages/metro-config/package.json
@@ -47,12 +47,12 @@
     "@types/babel__core": "^7.0.0",
     "@types/connect": "^3.4.36",
     "eslint": "^9.0.0",
-    "metro": "^0.80.3",
-    "metro-config": "^0.80.3",
-    "metro-resolver": "^0.80.3",
+    "metro": "^0.81.0",
+    "metro-config": "^0.81.0",
+    "metro-resolver": "^0.81.0",
     "prettier": "^3.0.0",
-    "react": "^18.2.0",
-    "react-native": "^0.75.0",
+    "react": "18.3.1",
+    "react-native": "^0.76.0",
     "type-fest": "^4.0.0",
     "typescript": "^5.0.0"
   },

diff --git a/packages/metro-config/src/assetPluginForMonorepos.js b/packages/metro-config/src/assetPluginForMonorepos.js
@@ -41,6 +41,7 @@ function assetPlugin(assetData) {
  */
 function injectAssetPlugin(server) {
   const config = server._config;
+  // @ts-expect-error Types broke in Metro 0.81
   if (!config || !Array.isArray(config.transformer.assetPlugins)) {
     console.warn(
       "'@rnx-kit/metro-config' was unable to install the asset plugin for " +
@@ -51,6 +52,7 @@ function injectAssetPlugin(server) {
     return;
   }
 
+  // @ts-expect-error Types broke in Metro 0.81
   config.transformer.assetPlugins.push(__filename);
 }
 

diff --git a/packages/metro-config/src/expoConfig.js b/packages/metro-config/src/expoConfig.js
@@ -17,6 +17,7 @@ function isExpoConfig(config) {
   if (transformer) {
     if (
       "_expoRelativeProjectRoot" in transformer ||
+      // @ts-expect-error Types broke in Metro 0.81
       transformer.babelTransformerPath?.includes("@expo")
     ) {
       return true;

diff --git a/packages/metro-config/test/expoConfig.test.ts b/packages/metro-config/test/expoConfig.test.ts
@@ -9,6 +9,7 @@ describe("isExpoConfig()", () => {
     ok(!isExpoConfig({}));
     ok(
       !isExpoConfig({
+        // @ts-expect-error Types broke in Metro 0.81
         transformer: { babelTransformerPath: "metro-babel-transformer" },
       })
     );
@@ -19,6 +20,7 @@ describe("isExpoConfig()", () => {
         transformer: { _expoRelativeProjectRoot: null },
       } as MetroConfig)
     );
+    // @ts-expect-error Types broke in Metro 0.81
     ok(isExpoConfig({ transformer: { babelTransformerPath: "@expo" } }));
     ok(isExpoConfig({ transformerPath: "@expo" }));
   });

diff --git a/packages/metro-config/test/index.test.ts b/packages/metro-config/test/index.test.ts
@@ -282,6 +282,7 @@ describe("makeMetroConfig", () => {
     equal(config.resolver.blockList.source, blockList);
 
     equal(config.server.enhanceMiddleware, enhanceMiddleware);
+    // @ts-expect-error Types broke in Metro 0.81
     deepEqual(config.transformer.assetPlugins, []);
 
     const opts = { dev: false, hot: false };
@@ -356,6 +357,7 @@ describe("makeMetroConfig", () => {
     equal(config.resolver.blockList.source, blockList);
 
     equal(config.server.enhanceMiddleware, enhanceMiddleware);
+    // @ts-expect-error Types broke in Metro 0.81
     deepEqual(config.transformer.assetPlugins, []);
 
     const opts = { dev: false, hot: false };

diff --git a/packages/metro-plugin-cyclic-dependencies-detector/package.json b/packages/metro-plugin-cyclic-dependencies-detector/package.json
@@ -36,7 +36,7 @@
     "@rnx-kit/tsconfig": "*",
     "@types/node": "^20.0.0",
     "eslint": "^9.0.0",
-    "metro": "^0.80.3",
+    "metro": "^0.81.0",
     "prettier": "^3.0.0",
     "typescript": "^5.0.0"
   },

diff --git a/packages/metro-plugin-duplicates-checker/package.json b/packages/metro-plugin-duplicates-checker/package.json
@@ -43,8 +43,8 @@
     "eslint": "^9.0.0",
     "jest": "^29.2.1",
     "memfs": "^4.0.0",
-    "metro": "^0.80.3",
-    "metro-source-map": "^0.80.0",
+    "metro": "^0.81.0",
+    "metro-source-map": "^0.81.0",
     "prettier": "^3.0.0",
     "typescript": "^5.0.0"
   },

diff --git a/packages/metro-plugin-typescript/package.json b/packages/metro-plugin-typescript/package.json
@@ -41,7 +41,7 @@
     "@types/node": "^20.0.0",
     "eslint": "^9.0.0",
     "jest": "^29.2.1",
-    "metro": "^0.80.3",
+    "metro": "^0.81.0",
     "prettier": "^3.0.0"
   },
   "engines": {

diff --git a/packages/metro-resolver-symlinks/package.json b/packages/metro-resolver-symlinks/package.json
@@ -40,7 +40,7 @@
     "@types/node": "^20.0.0",
     "eslint": "^9.0.0",
     "jest": "^29.2.1",
-    "metro-resolver": "^0.80.3",
+    "metro-resolver": "^0.81.0",
     "prettier": "^3.0.0",
     "typescript": "^5.0.0"
   },

diff --git a/packages/metro-serializer-esbuild/package.json b/packages/metro-serializer-esbuild/package.json
@@ -37,9 +37,9 @@
     "@babel/core": "^7.20.0",
     "@babel/preset-env": "^7.20.0",
     "@fluentui/utilities": "8.13.9",
-    "@react-native-community/cli-types": "^14.0.0",
-    "@react-native/babel-preset": "^0.75.0",
-    "@react-native/metro-config": "^0.75.0",
+    "@react-native-community/cli-types": "^15.0.0",
+    "@react-native/babel-preset": "^0.76.0",
+    "@react-native/metro-config": "^0.76.0",
     "@rnx-kit/babel-plugin-import-path-remapper": "*",
     "@rnx-kit/babel-preset-metro-react-native": "*",
     "@rnx-kit/eslint-config": "*",
@@ -51,12 +51,12 @@
     "@types/node": "^20.0.0",
     "eslint": "^9.0.0",
     "lodash-es": "^4.17.21",
-    "metro": "^0.80.3",
-    "metro-config": "^0.80.3",
-    "metro-transform-worker": "^0.80.0",
+    "metro": "^0.81.0",
+    "metro-config": "^0.81.0",
+    "metro-transform-worker": "^0.81.0",
     "prettier": "^3.0.0",
-    "react": "^18.2.0",
-    "react-native": "^0.75.0",
+    "react": "18.3.1",
+    "react-native": "^0.76.0",
     "typescript": "^5.0.0"
   },
   "engines": {

diff --git a/packages/metro-serializer-esbuild/src/esbuildTransformerConfig.ts b/packages/metro-serializer-esbuild/src/esbuildTransformerConfig.ts
@@ -23,6 +23,7 @@ export const esbuildTransformerConfig: Partial<TransformerConfigT> = {
   /**
    * Minifying is unnecessary as esbuild will take care of it.
    */
+  // @ts-expect-error Types broke in Metro 0.81
   minifierPath: require.resolve("./minify"),
 
   /**

diff --git a/packages/metro-serializer/package.json b/packages/metro-serializer/package.json
@@ -38,7 +38,7 @@
     "@types/semver": "^7.0.0",
     "eslint": "^9.0.0",
     "jest": "^29.2.1",
-    "metro": "^0.80.3",
+    "metro": "^0.81.0",
     "prettier": "^3.0.0",
     "typescript": "^5.0.0"
   },