chore: bump react-native to 0.76

tido64 · tido64 · commit ced0109d8e11 · 2025-01-13T15:25:12.000+01:00
diff --git a/.changeset/ninety-pugs-destroy.md b/.changeset/ninety-pugs-destroy.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/.github/renovate.json b/.github/renovate.json
@@ -4,7 +4,7 @@
   "packageRules": [
     {
       "groupName": "@react-native-community/cli",
-      "allowedVersions": "^14.0.0",
+      "allowedVersions": "^15.0.0"
       "matchPackageNames": ["@react-native-community/cli{/,}**"]
     },
     {
@@ -28,7 +28,7 @@
     },
     {
       "groupName": "Metro",
-      "allowedVersions": "^0.80.0",
+      "allowedVersions": "^0.81.0"
       "matchSourceUrls": ["https://github.com/facebook/metro{/,}**"]
     },
     {
@@ -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
@@ -23,10 +23,11 @@ packageExtensions:
   babel-plugin-transform-flow-enums@*:
     peerDependencies:
       "@babel/core": ^7.20.0
-  metro-config@*:
+  react-native@*:
     dependencies:
-      # `metro-config` fails to resolve `JsTransformerConfig` because it's in another package
-      metro-transform-worker: ^0.80.0
+      # https://github.com/facebook/react-native/pull/47308
+      "@react-native-community/cli-platform-android": ^15.0.0
+      "@react-native-community/cli-platform-ios": ^15.0.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.8.0",
     "prettier": "^3.0.0",
     "prettier-plugin-organize-imports": "^4.0.0",
@@ -53,28 +53,28 @@
   "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-apple": "^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-apple": "^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": [
@@ -125,9 +125,7 @@
       "incubator/@react-native-webapis/web-storage": {
         "ignoreDependencies": [
           "@babel/core",
-          "@babel/preset-env",
-          "react-native-macos",
-          "react-native-windows"
+          "@babel/preset-env"
         ]
       },
       "packages/babel-preset-metro-react-native": {
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
@@ -52,7 +52,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
@@ -42,17 +42,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
diff --git a/packages/metro-service/package.json b/packages/metro-service/package.json
diff --git a/packages/react-native-auth/package.json b/packages/react-native-auth/package.json
diff --git a/packages/test-app/android/gradle/wrapper/gradle-wrapper.properties b/packages/test-app/android/gradle/wrapper/gradle-wrapper.properties
diff --git a/packages/test-app/ios/Podfile b/packages/test-app/ios/Podfile
diff --git a/packages/test-app/ios/Podfile.lock b/packages/test-app/ios/Podfile.lock
diff --git a/packages/test-app/package.json b/packages/test-app/package.json
diff --git a/packages/third-party-notices/package.json b/packages/third-party-notices/package.json
diff --git a/packages/tools-react-native/package.json b/packages/tools-react-native/package.json
diff --git a/scripts/rnx-align-deps.js b/scripts/rnx-align-deps.js
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@`
`4`	`4`	`"packageRules": [`
`5`	`5`	`{`
`6`	`6`	`"groupName": "@react-native-community/cli",`
`7`		`- "allowedVersions": "^14.0.0",`
	`7`	`+ "allowedVersions": "^15.0.0"`
`8`	`8`	`"matchPackageNames": ["@react-native-community/cli{/,}**"]`
`9`	`9`	`},`
`10`	`10`	`{`
`@@ -28,7 +28,7 @@`
`28`	`28`	`},`
`29`	`29`	`{`
`30`	`30`	`"groupName": "Metro",`
`31`		`- "allowedVersions": "^0.80.0",`
	`31`	`+ "allowedVersions": "^0.81.0"`
`32`	`32`	`"matchSourceUrls": ["https://github.com/facebook/metro{/,}**"]`
`33`	`33`	`},`
`34`	`34`	`{`
`@@ -76,7 +76,7 @@`
`76`	`76`	`"react-native-macos",`
`77`	`77`	`"react-native-windows"`
`78`	`78`	`],`
`79`		`- "allowedVersions": "^0.75.0"`
	`79`	`+ "allowedVersions": "^0.76.0"`
`80`	`80`	`}`
`81`	`81`	`],`
`82`	`82`	`"postUpdateOptions": ["yarnDedupeHighest"],`
Original file line number	Diff line number	Diff line change
`@@ -41,6 +41,7 @@ function assetPlugin(assetData) {`
`41`	`41`	`*/`
`42`	`42`	`function injectAssetPlugin(server) {`
`43`	`43`	`const config = server._config;`
	`44`	`+ // @ts-expect-error Types broke in Metro 0.81`
`44`	`45`	`if (!config \|\| !Array.isArray(config.transformer.assetPlugins)) {`
`45`	`46`	`console.warn(`
`46`	`47`	`"'@rnx-kit/metro-config' was unable to install the asset plugin for " +`
`@@ -51,6 +52,7 @@ function injectAssetPlugin(server) {`
`51`	`52`	`return;`
`52`	`53`	`}`
`53`	`54`
	`55`	`+ // @ts-expect-error Types broke in Metro 0.81`
`54`	`56`	`config.transformer.assetPlugins.push(__filename);`
`55`	`57`	`}`
`56`	`58`