chore: properly remove module-resolver (#4947)

Author: satya164

example/babel.config.js

@@ -1,30 +1,8 @@
-const path = require('path');
-
-const pak = require('../package.json');
-
 module.exports = function (api) {
   api.cache(true);
 
   return {
     presets: ['babel-preset-expo'],
-    plugins: [
-      [
-        'module-resolver',
-        {
-          extensions: ['.tsx', '.ts', '.js', '.json'],
-          alias: {
-            [`${pak.name}/package.json`]: path.join(
-              __dirname,
-              '..',
-              'package.json'
-            ),
-            // For development, we want to alias the library to the source
-            [pak.name]: path.join(__dirname, '..', 'src'),
-          },
-        },
-      ],
-      ['@babel/plugin-proposal-export-namespace-from'],
-      ['react-native-reanimated/plugin'],
-    ],
+    plugins: [['@babel/plugin-proposal-export-namespace-from']],
   };
 };

example/package.json

@@ -38,6 +38,7 @@
   "devDependencies": {
     "@babel/core": "^7.29.0",
     "babel-preset-expo": "~56.0.0",
+    "react-native-builder-bob": "^0.41.0",
     "react-native-monorepo-config": "^0.3.4"
   },
   "engines": {

example/tsconfig.json

@@ -1,3 +1,3 @@
 {
   "extends": "../tsconfig",
-}
+}

package.json

@@ -2,11 +2,9 @@
   "name": "react-native-paper",
   "version": "5.15.1",
   "description": "Material design for React Native",
-  "main": "lib/commonjs/index.js",
-  "module": "lib/module/index.js",
-  "react-native": "src/index.tsx",
+  "main": "lib/module/index.js",
   "source": "src/index.tsx",
-  "types": "lib/typescript/index.d.ts",
+  "types": "lib/typescript/src/index.d.ts",
   "files": [
     "src",
     "lib",
@@ -96,7 +94,7 @@
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "react-native": "0.85.3",
-    "react-native-builder-bob": "^0.21.3",
+    "react-native-builder-bob": "^0.41.0",
     "react-native-reanimated": "4.3.1",
     "react-native-safe-area-context": "5.7.0",
     "react-native-worklets": "0.8.3",
@@ -159,7 +157,6 @@
     "source": "src",
     "output": "lib",
     "targets": [
-      "commonjs",
       "module",
       [
         "typescript",

scripts/generate-mappings.js

@@ -18,7 +18,7 @@ const ast = parser.parse(source, {
   ],
 });
 
-const index = packageJson.module;
+const index = packageJson.main;
 const relative = (value /* : string */) =>
   path.relative(root, path.resolve(path.dirname(index), value));
 

src/components/Appbar/AppbarAction.tsx

@@ -1,10 +1,8 @@
 import * as React from 'react';
 import type { Animated, StyleProp, View, ViewStyle } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
-
 import { useInternalTheme } from '../../core/theming';
-import type { Theme } from '../../types';
+import type { Theme, ThemeProp } from '../../types';
 import { forwardRef } from '../../utils/forwardRef';
 import type { IconSource } from '../Icon';
 import IconButton from '../IconButton/IconButton';

src/components/Card/CardActions.tsx

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
-
 import { CardActionChildProps } from './utils';
 import { useInternalTheme } from '../../core/theming';
+import type { ThemeProp } from '../../types';
 
 export type Props = React.ComponentPropsWithRef<typeof View> & {
   /**

src/components/DataTable/DataTablePagination.tsx

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
-
 import { useLocale } from '../../core/locale';
 import { useInternalTheme } from '../../core/theming';
+import type { ThemeProp } from '../../types';
 import Button from '../Button/Button';
 import IconButton from '../IconButton/IconButton';
 import MaterialCommunityIcon from '../MaterialCommunityIcon';

src/components/Dialog/DialogActions.tsx

@@ -1,10 +1,9 @@
 import * as React from 'react';
 import { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
-
 import { DialogActionChildProps } from './utils';
 import { useInternalTheme } from '../../core/theming';
+import type { ThemeProp } from '../../types';
 
 export type Props = React.ComponentPropsWithRef<typeof View> & {
   /**

src/components/Dialog/DialogIcon.tsx

@@ -1,9 +1,8 @@
 import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 
-import type { ThemeProp } from 'src/types';
-
 import { useInternalTheme } from '../../core/theming';
+import type { ThemeProp } from '../../types';
 import type { Theme } from '../../types';
 import Icon, { IconSource } from '../Icon';