chore: sentry disabled by default in dev mode

.env.example

@@ -7,5 +7,7 @@ VITE_APP_SEMESTER=
 VITE_APP_SITE_TITLE=
 VITE_APP_BACKEND_URL=
 
+VITE_APP_SENTRY_DSN=https://[email protected]/4507775325437952
+VITE_APP_SENTRY_TRACING=0
 # To upload source maps to Sentry (Optional)
-SENTRY_AUTH_TOKEN=
+VITE_APP_SENTRY_AUTH_TOKEN=

src/App.tsx

@@ -36,17 +36,17 @@ const App = () => {
   // Enable Error Tracking, Performance Monitoring and Session Replay
   Sentry.init({
     environment: Number(import.meta.env.VITE_APP_PROD) ? "production" : "development",
-    dsn: "https://[email protected]/4507775325437952",
+    dsn: import.meta.env.VITE_APP_SENTRY_DSN,
     integrations: [
-      Sentry.browserTracingIntegration(),
-      Sentry.replayIntegration(),
-      Sentry.reactRouterV6BrowserTracingIntegration({
+      import.meta.env.VITE_APP_SENTRY_TRACING ? Sentry.browserTracingIntegration() : null,
+      import.meta.env.VITE_APP_SENTRY_TRACING ? Sentry.replayIntegration() : null,
+      import.meta.env.VITE_APP_SENTRY_TRACING ? Sentry.reactRouterV6BrowserTracingIntegration({
         useEffect: React.useEffect,
         useLocation,
         useNavigationType,
         createRoutesFromChildren,
         matchRoutes,
-      }),
+      }) : null,
     ],
 
     // Performance monitoring
@@ -71,7 +71,7 @@ const App = () => {
                 <Layout location={page.location} title={page.location} liquid={page.liquid}>
                   <div>
                     <page.element />
-                    <Toaster/>
+                    <Toaster />
                   </div>
                 </Layout>
               }