🔧 Ignore irrelevant errors (Sentry)

examples/simplewebauthn/src/logger/index.ts

@@ -2,6 +2,20 @@ import { createLogger } from '@workspace/logger';
 
 import { env } from '~env';
 
+const ignoredErrorMessages = [
+    'The operation either timed out or was not allowed.',
+    'The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission',
+    'The authenticator was previously registered',
+    'Failed to fetch',
+] as const;
+
 export const logger = createLogger('app', {
     outputToConsole: env.NEXT_PUBLIC_NODE_ENV !== 'production',
+    captureExceptionFilter: error => {
+        if (ignoredErrorMessages.some(ignoredErrorMessage => ignoredErrorMessage.startsWith(error.message))) {
+            return false;
+        }
+
+        return true;
+    },
 });

packages/logger/index.ts

@@ -6,6 +6,10 @@ export function createLogger(
     name: string,
     props: {
         outputToConsole: boolean;
+        /**
+         * If returns true, the error will be captured by Sentry.
+         */
+        captureExceptionFilter?: (error: Error) => boolean;
     },
 ) {
     const logger = getLogger(name);
@@ -17,6 +21,7 @@ export function createLogger(
     }
 
     const logError = logger.error;
+    const { captureExceptionFilter = () => true } = props;
 
     return {
         ...logger,
@@ -25,7 +30,9 @@ export function createLogger(
                 setExtras(extras);
             }
 
-            captureException(error);
+            if (captureExceptionFilter(error)) {
+                captureException(error);
+            }
 
             logError(error, extras);
         },