Sentry SDK initialization

dapp/.env.default

@@ -0,0 +1,2 @@
+REACT_APP_IS_SENTRY_ENABLED=true
+REACT_APP_SENTRY_DSN = "https://3355df2870ed3e9d7eae3bba47350ed0@o4506633352577024.ingest.sentry.io/4506633358868480"

dapp/package.json

@@ -20,6 +20,7 @@
     "@emotion/styled": "^11.11.0",
     "@ledgerhq/wallet-api-client": "^1.5.0",
     "@ledgerhq/wallet-api-client-react": "^1.3.0",
+    "@sentry/react": "^7.98.0",
     "@tanstack/react-table": "^8.11.3",
     "formik": "^2.4.5",
     "framer-motion": "^10.16.5",

dapp/src/DApp.tsx

@@ -13,9 +13,11 @@ import Overview from "./components/Overview"
 import Sidebar from "./components/Sidebar"
 import DocsDrawer from "./components/DocsDrawer"
 import GlobalStyles from "./components/GlobalStyles"
+import { useSentry } from "./hooks/useSentry"
 
 function DApp() {
   useDetectThemeMode()
+  useSentry()
 
   return (
     <>

dapp/src/hooks/useSentry.ts

@@ -0,0 +1,10 @@
+import { initializeSentry } from "#/sdk/sentry"
+import { useEffect } from "react"
+
+export const useSentry = () => {
+  useEffect(() => {
+    if (process.env.REACT_APP_IS_SENTRY_ENABLED) {
+      initializeSentry()
+    }
+  }, [])
+}

dapp/src/sdk/sentry/index.ts

@@ -0,0 +1,22 @@
+import * as Sentry from "@sentry/react"
+
+export const initializeSentry = () => {
+  Sentry.init({
+    dsn: process.env.SENTRY_DSN,
+    integrations: [
+      new Sentry.BrowserTracing({
+        // Set 'tracePropagationTargets' to control for which URLs distributed tracing should be enabled
+        tracePropagationTargets: ["localhost"],
+      }),
+      new Sentry.Replay({
+        maskAllText: false,
+        blockAllMedia: false,
+      }),
+    ],
+    // Performance Monitoring
+    tracesSampleRate: 1.0, //  Capture 100% of the transactions
+    // Session Replay
+    replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
+    replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
+  })
+}