feat: set a default symbolicator.customizeFrame value

Author: motiz88

packages/cli/src/tools/loadMetroConfig.js

@@ -24,6 +24,13 @@ const getWatchFolders = () => {
 };
 
 const getBlacklistRE = () => createBlacklist([/.*\/__fixtures__\/.*/]);
+	
+const INTERNAL_CALLSITES_REGEX = new RegExp(
+  [
+    '/Libraries/Renderer/implementations/.+\\.js$',
+    '/Libraries/BatchedBridge/MessageQueue\\.js$',
+  ].join('|'),
+);
 
 /**
  * Default configuration
@@ -55,6 +62,14 @@ export const getDefaultConfig = (ctx: ConfigT) => {
     server: {
       port: Number(process.env.RCT_METRO_PORT) || 8081,
     },
+    symbolicator: {
+      customizeFrame: frame => {
+        const collapse = Boolean(
+          frame.file && INTERNAL_CALLSITES_REGEX.test(frame.file),
+        );
+        return {collapse};
+      },
+    },
     transformer: {
       babelTransformerPath: require.resolve(
         'metro-react-native-babel-transformer',