refactor: use react-native-monorepo-config in the example

Author: satya164

packages/create-react-native-library/src/exampleApp/generateExampleApp.ts

@@ -192,6 +192,7 @@ export default async function generateExampleApp({
 
   const PACKAGES_TO_ADD_DEV = {
     'react-native-builder-bob': `^${config.versions.bob}`,
+    'react-native-monorepo-config': `^0.1.9`,
   };
 
   if (config.project.moduleConfig === 'nitro-modules') {

packages/create-react-native-library/templates/example-common/example/metro.config.js

@@ -1,6 +1,6 @@
 const path = require('path');
 const { getDefaultConfig } = require('@react-native/metro-config');
-const { getConfig } = require('react-native-builder-bob/metro-config');
+const { withMetroConfig } = require('react-native-monorepo-config');
 
 const root = path.resolve(__dirname, '..');
 
@@ -10,7 +10,7 @@ const root = path.resolve(__dirname, '..');
  *
  * @type {import('metro-config').MetroConfig}
  */
-module.exports = getConfig(getDefaultConfig(__dirname), {
+module.exports = withMetroConfig(getDefaultConfig(__dirname), {
   root,
-  project: __dirname,
+  dirname: __dirname,
 });

packages/create-react-native-library/templates/expo-library/example/metro.config.js

@@ -1,6 +1,6 @@
 const path = require('path');
 const { getDefaultConfig } = require('@expo/metro-config');
-const { getConfig } = require('react-native-builder-bob/metro-config');
+const { withMetroConfig } = require('react-native-monorepo-config');
 
 const root = path.resolve(__dirname, '..');
 
@@ -10,7 +10,7 @@ const root = path.resolve(__dirname, '..');
  *
  * @type {import('metro-config').MetroConfig}
  */
-module.exports = getConfig(getDefaultConfig(__dirname), {
+module.exports = withMetroConfig(getDefaultConfig(__dirname), {
   root,
-  project: __dirname,
+  dirname: __dirname,
 });

packages/react-native-builder-bob/metro-config.js

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-require-imports, import-x/no-commonjs, no-undef */
+/* eslint-disable @typescript-eslint/no-deprecated, @typescript-eslint/no-require-imports, import-x/no-commonjs, no-undef */
 
 const { withMetroConfig } = require('react-native-monorepo-config');
 
@@ -7,6 +7,8 @@ const { withMetroConfig } = require('react-native-monorepo-config');
  * This sets up appropriate root and watch folders for the library.
  * It also excludes conflicting modules and aliases them to the correct place.
  *
+ * @deprecated use `react-native-monorepo-config` instead
+ *
  * @param {import('metro-config').MetroConfig} baseConfig Base Metro configuration
  * @param {object} options Options to customize the configuration
  * @param {string} options.root Root directory of the monorepo