Ikke feil hardt når faro ikke er satt opp

navikt · Jun 27, 2024 · 178df24 · 178df24
1 parent 94557f8
commit 178df24
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/components/ErrorBoundary.tsx b/src/components/ErrorBoundary.tsx
@@ -13,6 +13,19 @@ import { FaroErrorBoundary } from '@grafana/faro-react';
 const ErrorBoundary = ({ children, boundaryName }: React.PropsWithChildren<{ boundaryName: string }>) => {
     return (
         <FaroErrorBoundary
+            beforeCapture={() => {
+                if (!window.faro) {
+                    window.faro = {
+                        // @ts-expect-error Vi overskriver faro siden error boundarien ikke tar
+                        // hensyn til at faro ikke er tilgjengelig
+                        api: {
+                            pushError: () => {
+                                console.warn('Not pushing error to grafana. Faro is not initialized.');
+                            }
+                        }
+                    };
+                }
+            }}
             fallback={<AlertStripe type={'advarsel'}>Beklager, det skjedde en feil. ({boundaryName})</AlertStripe>}
         >
             {children}

diff --git a/src/utils/observability.ts b/src/utils/observability.ts
@@ -10,7 +10,6 @@ import { getEnvFromHost } from './environment';
 import { getWindowFeature } from './featureToggles';
 
 export const initializeObservability = (history: ReactRouterHistory) => {
-    if (!import.meta.env.PROD) return;
     if (!getWindowFeature('enableFaro') && !import.meta.env.VITE_GRAFANA_COLLECTOR) return;
 
     const env = getEnvFromHost();
@@ -25,6 +24,7 @@ export const initializeObservability = (history: ReactRouterHistory) => {
         app: {
             name: 'modiapersonoversikt'
         },
+        paused: !import.meta.env.PROD,
         instrumentations: [
             ...getWebInstrumentations(),
             new ReactIntegration({