fix: avoid using react-native field

Author: satya164

docs/pages/build.md

@@ -75,7 +75,6 @@ yarn add --dev react-native-builder-bob
    ```json
    "main": "lib/commonjs/index.js",
    "module": "lib/module/index.js",
-   "react-native": "src/index.ts",
    "types": "lib/typescript/src/index.d.ts",
    "source": "src/index.ts",
    "files": [
@@ -88,7 +87,6 @@ yarn add --dev react-native-builder-bob
 
    - `main`: The entry point for the commonjs build. This is used by Node - such as tests, SSR etc.
    - `module`: The entry point for the ES module build. This is used by bundlers such as webpack.
-   - `react-native`: The entry point for the React Native apps. This is used by Metro. It's common to point to the source code here as it can make debugging easier.
    - `types`: The entry point for the TypeScript definitions. This is used by TypeScript to type check the code using your library.
    - `source`: The path to the source code. It is used by `react-native-builder-bob` to detect the correct output files and provide better error messages.
    - `files`: The files to include in the package when publishing with `npm`.

packages/create-react-native-library/templates/common/$package.json

@@ -5,7 +5,6 @@
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/src/index.d.ts",
-  "react-native": "src/index",
   "source": "src/index",
   "files": [
     "src",

packages/react-native-builder-bob/src/index.ts

@@ -148,11 +148,10 @@ yargs
         : undefined;
 
     const entries: { [key: string]: string } = {
-      'main': target
+      main: target
         ? path.join(output, target, 'index.js')
         : path.join(source, entryFile),
-      'react-native': path.join(source, entryFile),
-      'source': path.join(source, entryFile),
+      source: path.join(source, entryFile),
     };
 
     if (targets.includes('module')) {
@@ -232,6 +231,23 @@ yargs
       }
     }
 
+    if (
+      pkg['react-native'] &&
+      (pkg['react-native'].startsWith(source) ||
+        pkg['react-native'].startsWith(`./${source}`))
+    ) {
+      const { remove } = await prompts({
+        type: 'confirm',
+        name: 'remove',
+        message: `Your package.json has the 'react-native' field pointing to source code.\n  This can cause problems when customizing babel configuration.\n  Do you want to remove it?`,
+        initial: true,
+      });
+
+      if (remove) {
+        delete pkg['react-native'];
+      }
+    }
+
     if (pkg.scripts?.prepare && pkg.scripts.prepare !== prepare) {
       const { replace } = await prompts({
         type: 'confirm',