fix: disable sentry if widget is not mounted

packages/widget/src/config/sentry.ts

@@ -14,7 +14,7 @@ export const initSentry = (enabled?: boolean) => {
     ],
     sampleRate: 1,
     tracesSampleRate: 0.2,
-    enabled: enabled && process.env.NODE_ENV === 'production',
+    enabled,
     environment: process.env.NODE_ENV,
     release: version,
   });

packages/widget/src/hooks/useTelemetry.ts

@@ -1,13 +1,18 @@
+/* eslint-disable consistent-return */
 import { useEffect } from 'react';
 import { initSentry } from '../config/sentry';
 
 export const useTelemetry = (disabled?: boolean) => {
   useEffect(() => {
-    if (process.env.NODE_ENV === 'production' && disabled) {
+    if (disabled) {
       console.warn(
         'Enable crash reports and diagnostic data to be collected. This helps us to better understand how the widget is performing and where improvements need to be made.',
       );
-      initSentry(false);
+    } else {
+      initSentry(true);
+      return () => {
+        initSentry(false);
+      };
     }
   }, [disabled]);
 };

packages/widget/src/index.ts

@@ -1,12 +1,10 @@
 import { App } from './App';
 import { AppDrawer } from './AppDrawer';
-import { initSentry } from './config/sentry';
 import './fonts/inter.css';
 import { configureReactI18next } from './i18n';
 
 export * from './types';
 
-initSentry(true);
 configureReactI18next();
 // ClassNameGenerator.configure((componentName) => componentName.replace('Mui', ''));