No way to mask expo-web-browser when using expo-auth-session for authentication.

[saeed4u]

What React Native libraries do you use?

React Navigation, Expo (mobile only)

Are you using sentry.io or on-premise?

on-premise (Self-Hosted)

@sentry/react-native SDK Version

6.5.0

How does your development environment look like?

⬇  Place the `npx react-native@latest info` output here. ⬇ 


System:
  OS: macOS 15.5
  CPU: (12) arm64 Apple M2 Max
  Memory: 1.04 GB / 32.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 20.12.1
    path: ~/.nvm/versions/node/v20.12.1/bin/node
  Yarn:
    version: 1.22.11
    path: /usr/local/bin/yarn
  npm:
    version: 10.5.0
    path: ~/.nvm/versions/node/v20.12.1/bin/npm
  Watchman:
    version: 2025.04.07.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /opt/homebrew/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.2
      - iOS 18.2
      - macOS 15.2
      - tvOS 18.2
      - visionOS 2.2
      - watchOS 11.2
  Android SDK: Not Found
IDEs:
  Android Studio: 2022.1 AI-221.6008.13.2211.9619390
  Xcode:
    version: 16.2/16C5032a
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.10
    path: /usr/bin/javac
  Ruby:
    version: 3.4.2
    path: /opt/homebrew/opt/ruby/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 16.0.3
    wanted: 16.0.3
  react:
    installed: 18.3.1
    wanted: 18.3.1
  react-native:
    installed: 0.77.2
    wanted: ~0.77.1
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: Not found
  newArchEnabled: false

Sentry.init()

Sentry.init({
  dsn: envVars.prod.SENTRY_DNS,
  environment: __DEV__ ? 'debug' : 'prod',
  release: envVars.release,
  dist: getBuildNumber(),
  tracesSampleRate: __DEV__ ? 1 : 0.1,
  patchGlobalPromise: false,

  denyUrls: forceSendingSentryEventsInDev ? undefined : ['localhost', '127.0.0.1'],
  integrations: isDetoxSync()
    ? undefined
    : [
        Sentry.reactNavigationIntegration(),
        Sentry.reactNativeTracingIntegration(),
        Sentry.mobileReplayIntegration({
          maskAllImages: false,
          maskAllText: false,
          maskAllVectors: true,
        }),
      ],
  enableAppStartTracking: false,
  enableAutoPerformanceTracing: !isDetoxSync(),
  _experiments: {
    // profilesSampleRate is relative to tracesSampleRate.
    // Here, we'll capture profiles for 100% of transactions for dev env.
    // profilesSampleRate is not set for production env since this feature is still in Beta.
    // Read more: https://docs.sentry.io/platforms/react-native/profiling/#enable-profiling
    profilesSampleRate: __DEV__ ? 1 : undefined,
  },
  replaysOnErrorSampleRate: __DEV__ ? 1 : 0.2,
});

Steps to Reproduce

1. Clone https://github.com/saeed4u/expo-auth-session-sentry and install dependencies
2. Follow the Readme instructions

Expected Result

All images, texts and vectors are visible when the auth browser(expo-web-browser) is opened

Actual Result

Texts, images, and vectors in the browser(expo-web-browser) should be masked when opened.

[krystofwoldrich]

Hi @saeed4u,
thank you for the message and the reproducible example,

I've managed to reproduce the issue (example replay link).

[saeed4u]

Hi @krystofwoldrich,

Thanks for PR to fix the issue!. I thought you should know that same issue happens on Android