chore: improve monitoring for fix: gracefully handle transient 502 errors during

Added `ignoreErrors` to the Sentry `init()` configuration in `SentryInitEffect.tsx` to filter out transient browser network errors that are not actionable:

- `NetworkError when attempting to fetch resource` — Firefox's TypeError for failed fetch
- `Failed to fetch` — Chrome/Edge's TypeError for failed fetch
- `Load failed` — Safari's TypeError for failed fetch

These errors occur when the browser loses connection to the server (e.g., during a transient 502 from Cloudflare). They are not bugs — they are symptoms of transient infrastructure availability that self-resolve. Capturing them in Sentry creates noise without actionable signal.
This commit is contained in:
Sonarly Claude Code
2026-04-02 13:07:05 +00:00
parent 59f0e4774e
commit 16e3ab29d4
@@ -47,6 +47,12 @@ export const SentryInitEffect = () => {
onunhandledrejection: false, // handled in PromiseRejectionEffect
}),
],
ignoreErrors: [
// Transient browser network errors from reverse proxy 502/503/504
'NetworkError when attempting to fetch resource',
'Failed to fetch',
'Load failed',
],
tracePropagationTargets: [
'localhost:3001',
REACT_APP_SERVER_BASE_URL,