log console.error to sentry (#1243)

* log console.error to sentry

* fix

package-lock.json

@@ -1374,6 +1374,16 @@
         "tslib": "^1.9.3"
       }
     },
+    "@sentry/integrations": {
+      "version": "5.15.4",
+      "resolved": "https://registry.npmjs.org/@sentry/integrations/-/integrations-5.15.4.tgz",
+      "integrity": "sha512-GaEVQf4R+WBJvTOGptOHIFSylnH1JAvBQZ7c45jGIDBp+upqzeI67KD+HoM4sSNT2Y2i8DLTJCWibe34knz5Kw==",
+      "requires": {
+        "@sentry/types": "5.15.4",
+        "@sentry/utils": "5.15.4",
+        "tslib": "^1.9.3"
+      }
+    },
     "@sentry/minimal": {
       "version": "5.15.4",
       "resolved": "https://registry.npmjs.org/@sentry/minimal/-/minimal-5.15.4.tgz",

package.json

@@ -20,6 +20,7 @@
   },
   "dependencies": {
     "@sentry/browser": "5.15.4",
+    "@sentry/integrations": "5.15.4",
     "browser-nativefs": "0.4.0",
     "i18next-browser-languagedetector": "4.0.2",
     "nanoid": "2.1.11",

src/index.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom";
 import * as Sentry from "@sentry/browser";
+import * as SentryIntegrations from "@sentry/integrations";
 import { TopErrorBoundary } from "./components/TopErrorBoundary";
 import { IsMobileProvider } from "./is-mobile";
 import { App } from "./components/App";
@@ -22,6 +23,11 @@ Sentry.init({
     : undefined,
   environment: onlineEnv ? SentyEnvHostnameMap[onlineEnv] : undefined,
   release: process.env.REACT_APP_GIT_SHA,
+  integrations: [
+    new SentryIntegrations.CaptureConsole({
+      levels: ["error"],
+    }),
+  ],
 });
 
 // Block pinch-zooming on iOS outside of the content area