Merge in latest release.

client/src/index.js

@@ -14,6 +14,7 @@ import { persistor, store } from "./redux/store";
 import reportWebVitals from "./reportWebVitals";
 import "./translations/i18n";
 import "./utils/CleanAxios";
+import { BrowserTracing } from "@sentry/tracing";
 
 // Dinero.defaultCurrency = "CAD";
 // Dinero.globalLocale = "en-CA";
@@ -28,10 +29,18 @@ if (process.env.NODE_ENV !== "development") {
       "Module specifier, 'zlib' does not start with",
     ],
     integrations: [
-      // new Integrations.BrowserTracing(),
+      new BrowserTracing(),
       // new Sentry.Integrations.Breadcrumbs({ console: true }),
+      new Sentry.Replay(),
     ],
+    // This sets the sample rate to be 10%. You may want this to be 100% while
+    // in development and sample at a lower rate in production
+    replaysSessionSampleRate: 0.1,
+    // If the entire session is not sampled, use the below sample rate to sample
+    // sessions when an error occurs.
+    replaysOnErrorSampleRate: 1.0,
     environment: process.env.NODE_ENV,
+    tracesSampleRate: 0.2,
     // We recommend adjusting this value in production, or using tracesSampler
     // for finer control
     //  tracesSampleRate: 0.5,
@@ -43,7 +52,7 @@ const root = createRoot(container); // createRoot(container!) if you use TypeScr
 
 root.render(
   <Provider store={store}>
-    <BrowserRouter>
+    <BrowserRouter >
       <PersistGate
         loading={<LoadingSpinner message="Restoring your settings..." />}
         persistor={persistor}