'fix' treeshaking for sentry

src/App.native.tsx

@@ -12,7 +12,6 @@ import * as ScreenOrientation from 'expo-screen-orientation'
 import * as SplashScreen from 'expo-splash-screen'
 import * as SystemUI from 'expo-system-ui'
 import {useLingui} from '@lingui/react/macro'
-import * as Sentry from '@sentry/react-native'
 
 import {Provider as HideBottomBarBorderProvider} from '#/lib/hooks/useHideBottomBarBorder'
 import {QueryProvider} from '#/lib/react-query'
@@ -20,6 +19,7 @@ import {ThemeProvider} from '#/lib/ThemeContext'
 import {Provider as TranslateOnDeviceProvider} from '#/lib/translation'
 import I18nProvider from '#/locale/i18nProvider'
 import {logger} from '#/logger'
+import * as Sentry from '#/logger/sentry/lib'
 import {Provider as A11yProvider} from '#/state/a11y'
 import {
   prefetchAppConfig,

src/App.web.tsx

@@ -6,7 +6,6 @@ import {Fragment, useEffect, useState} from 'react'
 import {KeyboardProvider as KeyboardControllerProvider} from 'react-native-keyboard-controller'
 import {SafeAreaProvider} from 'react-native-safe-area-context'
 import {useLingui} from '@lingui/react/macro'
-import * as Sentry from '@sentry/react-native'
 
 import {Provider as HotkeysProvider} from '#/lib/hotkeys'
 import {QueryProvider} from '#/lib/react-query'
@@ -14,6 +13,7 @@ import {ThemeProvider} from '#/lib/ThemeContext'
 import {Provider as TranslateOnDeviceProvider} from '#/lib/translation'
 import I18nProvider from '#/locale/i18nProvider'
 import {logger} from '#/logger'
+import * as Sentry from '#/logger/sentry/lib'
 import {Provider as A11yProvider} from '#/state/a11y'
 import {
   prefetchAppConfig,

src/logger/reporting/sendErrorReport.ts

@@ -1,7 +1,7 @@
 import slugify from 'slugify'
 
 import {getEntries} from '#/logger/logDump'
-import {Sentry} from '#/logger/sentry/lib'
+import * as Sentry from '#/logger/sentry/lib'
 
 export function sendErrorReport({
   title,

src/logger/sentry/lib/index.ts

@@ -1 +1,13 @@
-export * as Sentry from '@sentry/react-native'
+// Curated re-export of @sentry/react-native. We list only the symbols the app
+// actually uses, because `import * as Sentry from '@sentry/react-native'`
+// defeats Metro's tree-shaker and pulls in ~180KB of dead weight.
+//
+// When adding a new function, add it here and run a web build to confirm
+// tree-shaking is still working.
+export {
+  addBreadcrumb,
+  captureException,
+  captureMessage,
+  withScope,
+  wrap,
+} from '@sentry/react-native'

src/logger/sentry/lib/index.web.ts

@@ -1 +0,0 @@
-export * as Sentry from '@sentry/react-native'

src/logger/transports/sentry.ts

@@ -1,5 +1,5 @@
 import {isNetworkError} from '#/lib/strings/errors'
-import {Sentry} from '#/logger/sentry/lib'
+import * as Sentry from '#/logger/sentry/lib'
 import {LogLevel, type Transport} from '#/logger/types'
 import {prepareMetadata} from '#/logger/util'