identify user for sentry

src/dashboard/Dashboard.js

@@ -75,6 +75,7 @@ import Security from './Settings/Security/Security.react';
 import { Navbar } from '@back4app2/react-components';
 import back4app2 from '../lib/back4app2';
 import { initializeAmplitude, initializeLogRocketSession } from 'lib/amplitudeEvents';
+import * as Sentry from '@sentry/react';
 
 const ShowSchemaOverview = false; //In progress features. Change false to true to work on this feature.
 
@@ -228,6 +229,12 @@ class Dashboard extends React.Component {
       }
 
       initializeAmplitude(user.email);
+      Sentry.setUser({
+        id: user.email,
+        email: user.email,
+        username: user.email,
+        ip_address: '{{auto}}',
+      });
       waitForScriptToLoad(() => typeof window.LogRocket !== 'undefined').then(() => {
         // eslint-disable-next-line no-undef
         initializeLogRocketSession(user.email);
@@ -491,7 +498,7 @@ const NavbarWrapper = () => {
         window.location.replace(`${b4aSettings.BACK4APP_SITE_PATH}/login?return-url=${encodeURIComponent(window.location.href)}`);
 
         return;
-      };
+      }
 
       setUser(user);
 
@@ -503,7 +510,7 @@ const NavbarWrapper = () => {
         console.error('unexpected error when finding apps plans', e);
 
         return;
-      };
+      }
 
       setAppsPlans(appsPlans);
     })();

src/dashboard/instrument.js

@@ -10,7 +10,7 @@ import {
 Sentry.init({
   dsn: b4aSettings.SENTRY_DSN,
   tracesSampleRate: 1.0,
-  replaysSessionSampleRate: 0.5,
+  replaysSessionSampleRate: 0.1,
   replaysOnErrorSampleRate: 1.0,
   maxBreadcrumbs: 100,
   integrations: [
@@ -22,6 +22,7 @@ Sentry.init({
       matchRoutes,
     }),
     Sentry.replayIntegration(),
-    Sentry.captureConsoleIntegration({ levels: ['error']})
+    Sentry.captureConsoleIntegration({ levels: ['error']}),
+    Sentry.browserTracingIntegration(),
   ],
 });