依存関係を更新する
手順2: 構成ファイルを更新する
2.1 babel.config.jsを更新する
Babelプリセットの名前がmetro-react-native-babel-presetから@react-native/babel-presetに変更されました。babel.config.jsファイルで、次の例のようにプリセットの名前を変更します。
// babel.config.js
module.exports = {
presets: ['module:@react-native/babel-preset'],
};
2.2 tsconfig.jsonを更新する
基盤となるTypeScript構成パッケージが@tsconfig/react-nativeから@react-native/typescript-configに変更されました。tsconfig.jsonファイルで、次の例のようにパッケージの名前を変更します。
{
"extends": "@react-native/typescript-config",
"compilerOptions": {
"types": ["jest"]
},
"include": ["**/*.ts", "**/*.tsx"],
"exclude": ["**/node_modules", "**/Pods"]
}
2.3 .prettierrc.jsを更新する
prettierrc.jsファイルから、bracketSameLineとbracketSpacingの各オプションを削除します。
// .prettierrc.js
module.exports = {
arrowParens: 'avoid',
singleQuote: true,
trailingComma: 'all',
};
2.4 Metroの構成を更新する
0.72から0.83へのアップグレードでは、カスタム構成を使用していない限りmetro.config.jsを変更する必要はありません。MetroはReact Nativeと一緒に自動的にアップデートされます。
アップグレードガイドに記載されている相違点(ドキュメントのURLの変更、型注釈の更新)は表面的なものだけで、機能的な影響はありません。次のような新機能が必要な場合にのみ、Metroの構成を更新します。
unstable_enableSymlinksによるモノレポのサポートunstable_allowRequireContextによる動的なrequire
プロジェクトにmetro.config.jsファイルがない場合は作成しないでください。
Last updated: 2026年7月9日

