From e52ba57a6c629e5a2e867d9925064e7c1653eb84 Mon Sep 17 00:00:00 2001
From: Satyajit Sahoo <satyajit.happy@gmail.com>
Date: Wed, 4 Dec 2024 12:30:20 +0100
Subject: [PATCH] fix: update tsconfig to align how metro resolves package
 exports (#701)

This updates the `tsconfig.json` to match metro's behaviour:
https://reactnative.dev/blog/2023/06/21/package-exports-support#enabling-package-exports-beta
---
 docs/pages/esm.md                                          | 7 ++++---
 .../templates/common/tsconfig.json                         | 1 +
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/docs/pages/esm.md b/docs/pages/esm.md
index d8a6e3940..d3e715ddd 100644
--- a/docs/pages/esm.md
+++ b/docs/pages/esm.md
@@ -18,17 +18,18 @@ You can verify whether ESM support is enabled by checking the configuration for
 
 The `"esm": true` option enables ESM-compatible output by adding the `.js` extension to the import statements in the generated files. For TypeScript, it also generates 2 sets of type definitions: one for the CommonJS build and one for the ES module build.
 
-It's recommended to specify `"moduleResolution": "Bundler"` in your `tsconfig.json` file as well:
+It's recommended to specify `"moduleResolution": "Bundler"` and `"resolvePackageJsonImports": false` in your `tsconfig.json` file to match [Metro's behavior](https://reactnative.dev/blog/2023/06/21/package-exports-support#enabling-package-exports-beta):
 
 ```json
 {
   "compilerOptions": {
-    "moduleResolution": "Bundler"
+    "moduleResolution": "Bundler",
+    "resolvePackageJsonImports": false
   }
 }
 ```
 
-This means that you don't need to specify the file extension in the import statements. They'll be automatically added when possible during the build process.
+Specifying `"moduleResolution": "Bundler"` means that you don't need to use file extensions in the import statements. Bob automatically adds them when possible during the build process.
 
 To make use of the output files, ensure that your `package.json` file contains the following fields:
 
diff --git a/packages/create-react-native-library/templates/common/tsconfig.json b/packages/create-react-native-library/templates/common/tsconfig.json
index 4bd3523b3..392bd210a 100644
--- a/packages/create-react-native-library/templates/common/tsconfig.json
+++ b/packages/create-react-native-library/templates/common/tsconfig.json
@@ -21,6 +21,7 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "resolveJsonModule": true,
+    "resolvePackageJsonImports": false,
     "skipLibCheck": true,
     "strict": true,
     "target": "ESNext",