update metro

Author: anupriya13

example/babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ['module:@react-native/metro-config'],
+  presets: ['module:@react-native/babel-preset'],
 };

example/metro.config.js

@@ -1,12 +1,8 @@
-const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
+
 const fs = require('fs');
 const path = require('path');
-const escape = require('escape-string-regexp');
 const exclusionList = require('metro-config/src/defaults/exclusionList');
-const pack = require('../package.json');
-
-const root = path.resolve(__dirname, '..');
-const modules = Object.keys({ ...pack.peerDependencies });
 
 const rnwPath = fs.realpathSync(
   path.resolve(require.resolve('react-native-windows/package.json'), '..'),
@@ -20,40 +16,33 @@ const rnwPath = fs.realpathSync(
  *
  * @type {import('metro-config').MetroConfig}
  */
-const config = {
-  watchFolders: [root,
-    //
-  ],
 
-  // We need to make sure that only one version is loaded for peerDependencies
-  // So we block them at the root, and alias them to the versions in example's node_modules
+const config = {
+  //
   resolver: {
-    blacklistRE: exclusionList(
-      modules.map(
-        (m) =>
-          new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`)
-      ).concat([
-        // This stops "npx @react-native-community/cli run-windows" from causing the metro server to crash if its already running
-        new RegExp(
-          `${path.resolve(__dirname, 'windows').replace(/[/\\]/g, '/')}.*`,
-        ),
-        // This prevents "npx @react-native-community/cli run-windows" from hitting: EBUSY: resource busy or locked, open msbuild.ProjectImports.zip or other files produced by msbuild
-        new RegExp(`${rnwPath}/build/.*`),
-        new RegExp(`${rnwPath}/target/.*`),
-        /.*\.ProjectImports\.zip/,
-      ])
-    ),
-
-    extraNodeModules: modules.reduce((acc, name) => {
-      acc[name] = path.join(__dirname, 'node_modules', name);
-      return acc;
-    },
-    {
-      //
-    }
-    ),
+    blockList: exclusionList([
+      // This stops "npx @react-native-community/cli run-windows" from causing the metro server to crash if its already running
+      new RegExp(
+        `${path.resolve(__dirname, 'windows').replace(/[/\\]/g, '/')}.*`,
+      ),
+      // This prevents "npx @react-native-community/cli run-windows" from hitting: EBUSY: resource busy or locked, open msbuild.ProjectImports.zip or other files produced by msbuild
+      new RegExp(`${rnwPath}/build/.*`),
+      new RegExp(`${rnwPath}/target/.*`),
+      /.*\.ProjectImports\.zip/,
+    ]),
+    //
+    extraNodeModules: {
+      'react-native-print': path.resolve( 
+      __dirname,      
+      '../'   
+      ), }
   },
-
+  watchFolders:[
+    // This allows us to use the local version of react-native-windows 
+    rnwPath, 
+    // This allows us to use the local version of react-native-print   
+    path.resolve(__dirname, '../'), 
+  ], 
   transformer: {
     getTransformOptions: async () => ({
       transform: {

example/package.json

@@ -28,12 +28,12 @@
     "babel-jest": "^25.1.0",
     "eslint": "^6.5.1",
     "jest": "^25.1.0",
-    "metro-react-native-babel-preset": "^0.59.0",
     "react-test-renderer": "16.13.1",
     "selenium-appium": "^0.0.15",
     "selenium-webdriver": "^4.0.0-alpha.7",
     "@rnx-kit/jest-preset": "^0.1.17",
-    "@react-native/metro-config": "^0.77.2"
+    "@react-native/metro-config": "^0.77.2",
+    "@react-native/babel-preset": "^0.77.2"
   },
   "jest": {
     "preset": "react-native"