fix(example-app): 🐛 fix metro config which caused web build fail

Author: crstnmac

example/metro.config.js

@@ -2,44 +2,38 @@ const path = require("path");
 const exclusionList = require("metro-config/src/defaults/exclusionList");
 const escape = require("escape-string-regexp");
 const pak = require("../package.json");
-const { getDefaultConfig } = require("@expo/metro-config");
 
 const root = path.resolve(__dirname, "..");
 
 const modules = Object.keys({
   ...pak.peerDependencies,
 });
 
-module.exports = (async () => {
-  const config = await getDefaultConfig(__dirname);
-  const { transformer, resolver } = config;
+module.exports = {
+  projectRoot: __dirname,
+  watchFolders: [root],
 
-  (config.projectRoot = __dirname),
-    (config.watchFolders = [root]),
-    // We need to make sure that only one version is loaded for peerDependencies
-    // So we blacklist them at the root, and alias them to the versions in example's node_modules
-    (config.resolver = {
-      ...resolver,
-      blacklistRE: exclusionList(
-        modules.map(
-          m =>
-            new RegExp(`^${escape(path.join(root, "node_modules", m))}\\/.*$`),
-        ),
+  // We need to make sure that only one version is loaded for peerDependencies
+  // So we blacklist them at the root, and alias them to the versions in example's node_modules
+  resolver: {
+    blacklistRE: exclusionList(
+      modules.map(
+        m => new RegExp(`^${escape(path.join(root, "node_modules", m))}\\/.*$`),
       ),
+    ),
 
-      extraNodeModules: modules.reduce((acc, name) => {
-        acc[name] = path.join(__dirname, "node_modules", name);
-        return acc;
-      }, {}),
+    extraNodeModules: modules.reduce((acc, name) => {
+      acc[name] = path.join(__dirname, "node_modules", name);
+      return acc;
+    }, {}),
+  },
+
+  transformer: {
+    getTransformOptions: async () => ({
+      transform: {
+        experimentalImportSupport: false,
+        inlineRequires: true,
+      },
     }),
-    (config.transformer = {
-      ...transformer,
-      getTransformOptions: async () => ({
-        transform: {
-          experimentalImportSupport: false,
-          inlineRequires: true,
-        },
-      }),
-    });
-  return config;
-})();
+  },
+};