Back out "correct stack traces in flipper ui"

Summary:
Original commit changeset: 09da568db0dd

Original Phabricator Diff: D50015828

Reviewed By: lblasa

Differential Revision: D50168198

fbshipit-source-id: 0fe22ac881365cfe6d1d21babbcddc6f1fae314b

desktop/flipper-ui-core/package.json

@@ -48,7 +48,6 @@
     "redux-persist": "^6.0.0",
     "reselect": "^4.1.8",
     "semver": "^7.5.4",
-    "stacktrace-js": "2.0.2",
     "uuid": "^8.3.2"
   },
   "devDependencies": {

desktop/flipper-ui-core/src/ui/components/ErrorBoundary.tsx

@@ -14,7 +14,6 @@ import Button from './Button';
 import View from './View';
 import styled from '@emotion/styled';
 import React from 'react';
-import StackTrace from 'stacktrace-js';
 
 const ErrorBoundaryContainer = styled(View)({
   overflow: 'auto',
@@ -41,7 +40,6 @@ type ErrorBoundaryProps = {
 
 type ErrorBoundaryState = {
   error: Error | null | undefined;
-  mappedStack: string | null;
 };
 
 /**
@@ -53,26 +51,17 @@ export default class ErrorBoundary extends Component<
 > {
   constructor(props: ErrorBoundaryProps, context: Object) {
     super(props, context);
-    this.state = {error: null, mappedStack: null};
+    this.state = {error: null};
   }
 
   componentDidCatch(err: Error, errorInfo: ErrorInfo) {
     // eslint-disable-next-line flipper/no-console-error-without-context
     console.error(err, errorInfo.componentStack, 'ErrorBoundary');
     this.setState({error: err});
-    // eslint-disable-next-line promise/no-promise-in-callback
-    StackTrace.fromError(err)
-      .then((frames) => {
-        const mappedStack = frames.map((frame) => frame.toString()).join('\n');
-        this.setState({error: err, mappedStack});
-      })
-      .catch((e) => {
-        console.log('[stacktrace-js] failed to extract stack trace', e);
-      });
   }
 
   clearError = () => {
-    this.setState({error: null, mappedStack: null});
+    this.setState({error: null});
   };
 
   render() {
@@ -90,11 +79,9 @@ export default class ErrorBoundary extends Component<
       return (
         <ErrorBoundaryContainer grow>
           <Heading>{heading}</Heading>
-          {this.props.showStack !== false && (
-            <ErrorBoundaryStack>
-              {this.state.mappedStack ?? 'Loading stack trace...'}
-            </ErrorBoundaryStack>
-          )}
+          {this.props.showStack !== false &&
+            'Look in the console for correct stack traces.'}
+          <br />
           <Button onClick={this.clearError}>Clear error and try again</Button>
         </ErrorBoundaryContainer>
       );

desktop/yarn.lock

@@ -14547,7 +14547,7 @@ stacktrace-gps@^3.0.4:
     source-map "0.5.6"
     stackframe "^1.3.4"
 
-stacktrace-js@2.0.2, stacktrace-js@^2.0.2:
+stacktrace-js@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/stacktrace-js/-/stacktrace-js-2.0.2.tgz#4ca93ea9f494752d55709a081d400fdaebee897b"
   integrity sha512-Je5vBeY4S1r/RnLydLl0TBTi3F2qdfWmYsGvtfZgEI+SCprPppaIhQf5nGcal4gI4cGpCV/duLcAzT1np6sQqg==