mirror of
https://github.com/supabase/supabase.git
synced 2026-10-06 01:45:10 +03:00
Charis
bf45616ada
Right now we're filtering out third-party extensions by looking for stack traces that don't touch 'app:///_next'. However, third-party stack traces do include the Sentry code that sends the error, and that originates in 'app:///_next'. We need to filter out any events that do not have 'app:///_next' events beyond that one Sentry frame.
59 lines
1.9 KiB
TypeScript
59 lines
1.9 KiB
TypeScript
// This file configures the initialization of Sentry on the client.
|
|
// The added config here will be used whenever a users loads a page in their browser.
|
|
// https://docs.sentry.io/platforms/javascript/guides/nextjs/
|
|
|
|
import * as Sentry from '@sentry/nextjs'
|
|
import { hasConsented, IS_PLATFORM } from 'common'
|
|
import { IS_DEV } from './lib/constants'
|
|
|
|
if (!IS_DEV) {
|
|
Sentry.init({
|
|
dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
|
|
|
|
// Setting this option to true will print useful information to the console while you're setting up Sentry.
|
|
debug: false,
|
|
|
|
ignoreErrors: [
|
|
// [Charis 2025-05-05]
|
|
// We should fix hydration problems but let's not make this a blocker for
|
|
// now.
|
|
/(?:text content does not match)|hydration|hydrating/i,
|
|
],
|
|
|
|
beforeSend(event) {
|
|
if (!IS_PLATFORM || !hasConsented()) {
|
|
return null
|
|
}
|
|
|
|
const frames = event.exception?.values?.[0].stacktrace?.frames || []
|
|
if (isThirdPartyError(frames)) {
|
|
return null
|
|
}
|
|
|
|
return event
|
|
},
|
|
})
|
|
}
|
|
|
|
// We want to ignore errors not originating from docs app static files
|
|
// (such as errors from browser extensions). Those errors come from files
|
|
// not starting with 'app:///_next'.
|
|
//
|
|
// However, there is a complication because the Sentry code that sends
|
|
// the error shows up in the stack trace, and that _does_ start with
|
|
// 'app:///_next'. It is always the first frame in the stack trace,
|
|
// and has a specific pre_context comment that we can use for filtering.
|
|
function isThirdPartyError(frames: Sentry.StackFrame[] | undefined) {
|
|
if (!frames) return false
|
|
|
|
function isSentryFrame(frame: Sentry.StackFrame, index: number) {
|
|
return index === 0 && frame.pre_context?.[0]?.includes('sentry.javascript')
|
|
}
|
|
|
|
return !frames.some((frame, index) => {
|
|
frame.abs_path?.startsWith('app:///_next') && !isSentryFrame(frame, index)
|
|
})
|
|
}
|
|
|
|
export const onRouterTransitionStart = Sentry.captureRouterTransitionStart
|