feat(telemetry): Upgrade @sentry/browser, add @sentry/tracing and @sentry/replay

Author: Ben Vinegar

client/package-lock.json

@@ -1,13 +1,17 @@
 {
   "private": true,
   "dependencies": {
-    "@sentry/browser": "^5.15.5",
+    "@sentry/browser": "^6.19.3",
+    "@sentry/react": "^6.19.3",
+    "@sentry/replay": "^0.2.0-0",
+    "@sentry/tracing": "^6.19.3",
     "prop-types": "^15.5.10",
     "react": "^15.6.1",
     "react-dom": "^15.6.1",
     "react-router-dom": "^4.1.2",
     "react-spinkit": "^3.0.0",
-    "react-tooltip": "^3.8.1"
+    "react-tooltip": "^3.8.1",
+    "rrweb": "^1.1.2"
   },
   "devDependencies": {
     "fetch-mock": "^5.12.2",

client/package.json

@@ -1,6 +1,8 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import * as Sentry from '@sentry/browser';
+import * as Sentry from '@sentry/react';
+import { BrowserTracing } from '@sentry/tracing';
+import { SentryReplay } from '@sentry/replay';
 
 import './index.css';
 import App from './App';
@@ -9,7 +11,9 @@ import registerServiceWorker from './registerServiceWorker';
 if (process.env.REACT_APP_SENTRY_DSN) {
   Sentry.init({
     dsn: process.env.REACT_APP_SENTRY_DSN,
-    release: process.env.REACT_APP_GIT_SHA
+    release: process.env.REACT_APP_GIT_SHA,
+    integrations: [new BrowserTracing(), new SentryReplay()],
+    tracesSampleRate: 1.0
   });
 }