metro-config 0.73.1: RNCWebViewNativeComponent.js: Could not find component config for native component

[tapz]

Description

After updating @react-native/metro-config to version 0.73.1 the build fails:

Error: /MyApp/node_modules/react-native-webview/lib/RNCWebViewNativeComponent.js: Could not find component config for native component
    at findComponentConfig (/MyApp/node_modules/@react-native/codegen/lib/parsers/flow/components/index.js:43:11)
    at buildComponentSchema (/MyApp/node_modules/@react-native/codegen/lib/parsers/flow/components/index.js:136:32)
    at buildSchemaFromConfigType (/MyApp/node_modules/@react-native/codegen/lib/parsers/parsers-commons.js:454:34)
    at buildSchema (/MyApp/node_modules/@react-native/codegen/lib/parsers/parsers-commons.js:520:10)
    at FlowParser.parseString (/MyApp/node_modules/@react-native/codegen/lib/parsers/flow/parser.js:111:12)
    at parseFile (/MyApp/node_modules/@react-native/babel-plugin-codegen/index.js:36:23)
    at generateViewConfig (/MyApp/node_modules/@react-native/babel-plugin-codegen/index.js:49:18)
    at PluginPass.exit (/MyApp/node_modules/@react-native/babel-plugin-codegen/index.js:161:32)
    at newFn (/MyApp/node_modules/@babel/traverse/lib/visitors.js:159:14)
    at NodePath._call (/MyApp/node_modules/@babel/traverse/lib/path/context.js:46:20)
    at NodePath.call (/MyApp/node_modules/@babel/traverse/lib/path/context.js:36:17)
    at NodePath.visit (/MyApp/node_modules/@babel/traverse/lib/path/context.js:90:8)
    at TraversalContext.visitQueue (/MyApp/node_modules/@babel/traverse/lib/context.js:86:16)
    at TraversalContext.visitSingle (/MyApp/node_modules/@babel/traverse/lib/context.js:65:19)
    at TraversalContext.visit (/MyApp/node_modules/@babel/traverse/lib/context.js:109:19)
    at traverseNode (/MyApp/node_modules/@babel/traverse/lib/traverse-node.js:22:17)
    at traverse (/MyApp/node_modules/@babel/traverse/lib/index.js:52:34)
    at transformFile (/MyApp/node_modules/@babel/core/lib/transformation/index.js:82:31)
    at transformFile.next (<anonymous>)
    at run (/MyApp/node_modules/@babel/core/lib/transformation/index.js:24:12)
    at run.next (<anonymous>)
    at /MyApp/node_modules/@babel/core/lib/transform-ast.js:23:33
    at Generator.next (<anonymous>)
    at evaluateSync (/MyApp/node_modules/gensync/index.js:251:28)
    at sync (/MyApp/node_modules/gensync/index.js:89:14)
    at stopHiding - secret - don't use this - v1 (/MyApp/node_modules/@babel/core/lib/errors/rewrite-stack-trace.js:47:12)
    at transformFromAstSync (/MyApp/node_modules/@babel/core/lib/transform-ast.js:44:83)
    at Object.transform (/MyApp/node_modules/@react-native/metro-babel-transformer/src/index.js:227:7)
    at transformJSWithBabel (/MyApp/node_modules/metro-transform-worker/src/index.js:330:45)
    at Object.transform (/MyApp/node_modules/metro-transform-worker/src/index.js:461:18)
    at transformFile (/MyApp/node_modules/metro/src/DeltaBundler/Worker.flow.js:73:36)
    at Object.transform (/MyApp/node_modules/metro/src/DeltaBundler/Worker.flow.js:48:10)
    at execFunction (/MyApp/node_modules/jest-worker/build/workers/processChild.js:137:17)
    at execHelper (/MyApp/node_modules/jest-worker/build/workers/processChild.js:116:5)
    at execMethod (/MyApp/node_modules/jest-worker/build/workers/processChild.js:120:5)
    at process.messageListener (/MyApp/node_modules/jest-worker/build/workers/processChild.js:38:7)
    at process.emit (node:events:514:28)
    at emit (node:internal/child_process:937:14)

React Native Version

0.72.5

Output of npx react-native info

System:
OS: macOS 13.5.2
CPU: (12) arm64 Apple M2 Max
Memory: 235.48 MB / 96.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 18.17.1
path: ~/.nvm/versions/node/v18.17.1/bin/node
Yarn:
version: 1.22.19
path: /opt/homebrew/bin/yarn
npm:
version: 9.6.7
path: ~/.nvm/versions/node/v18.17.1/bin/npm
Watchman:
version: 2023.08.28.00
path: /opt/homebrew/bin/watchman
Managers:
CocoaPods:
version: 1.13.0
path: /opt/homebrew/bin/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 23.0
- iOS 17.0
- macOS 14.0
- tvOS 17.0
- watchOS 10.0
Android SDK: Not Found
IDEs:
Android Studio: 2022.3 AI-223.8836.35.2231.10671973
Xcode:
version: 15.0/15A240d
path: /usr/bin/xcodebuild
Languages:
Java:
version: 20.0.1
path: /usr/bin/javac
Ruby:
version: 2.6.10
path: /usr/bin/ruby
npmPackages:
"@react-native-community/cli":
installed: 11.3.8
wanted: ^11.3.8
react:
installed: 18.2.0
wanted: 18.2.0
react-native:
installed: 0.72.5
wanted: 0.72.5
react-native-macos: Not Found
npmGlobalPackages:
"react-native": Not Found
Android:
hermesEnabled: true
newArchEnabled: false
iOS:
hermesEnabled: true
newArchEnabled: false

Steps to reproduce

Update metro and build with react-native run-android --mode=myDebug

Snack, screenshot, or link to a repository

@react-native/metro-config": "^0.73.1"

[github-actions]

⚠️	Missing Reproducible Example
ℹ️	We could not detect a reproducible example in your issue report. Please provide either: If your bug is UI related: a Snack If your bug is build/update related: use our Reproducer Template. A reproducer needs to be in a GitHub repository under your username.

[cortinico]

Moving to facebook/metro for further triage

[robhogan]

Hi @tapz - @react-native/metro-config is versioned with RN releases - it should be kept in sync with react-native. 0.73 isn't intended to be compatible with RN 0.72.

[tapz]

@robhogan But there is no 0.73 release of RN, so there should not be a 0.73 release of metro-config either. Keep them both a alpha or beta and release at the same time.