Reinstate captureException in SessionTimeoutModal with lowered quota usage (supabase#37925)

Author: joshenlim

apps/studio/components/interfaces/SignIn/SessionTimeoutModal.tsx

@@ -1,3 +1,6 @@
+import * as Sentry from '@sentry/nextjs'
+import { useEffect } from 'react'
+
 import { InlineLink } from 'components/ui/InlineLink'
 import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal'
 
@@ -12,6 +15,12 @@ export const SessionTimeoutModal = ({
   onClose,
   redirectToSignIn,
 }: SessionTimeoutModalProps) => {
+  useEffect(() => {
+    if (visible) {
+      Sentry.captureException(new Error('Session error detected'))
+    }
+  }, [visible])
+
   return (
     <ConfirmationModal
       visible={visible}

apps/studio/instrumentation-client.ts

@@ -63,8 +63,12 @@ Sentry.init({
     const isInvalidUrlEvent = (hint.originalException as any)?.message?.includes(
       `Failed to construct 'URL': Invalid URL`
     )
+    // [Joshen] Similar behaviour for this error from SessionTimeoutModal to control the quota usage
+    const isSessionTimeoutEvent = (hint.originalException as any)?.message.includes(
+      'Session error detected'
+    )
 
-    if (isInvalidUrlEvent && Math.random() > 0.01) {
+    if ((isInvalidUrlEvent || isSessionTimeoutEvent) && Math.random() > 0.01) {
       return null
     }