Record network request/response bodies in Session Replay

[duspada]

OS:

• Windows
• MacOS
• Linux

Platform:

• iOS
• Android

SDK:

• @sentry/react-native (>= 1.0.0)
• react-native-sentry (<= 0.43.2)

SDK version: 5.33.0

react-native version: 0.71.12

Are you using Expo?

• Yes
• No

Are you using sentry.io or on-premise?

• sentry.io (SaaS)
• on-premise

If you are using sentry.io, please post a link to your issue so we can take a look:

Click here

Configuration:

(@sentry/react-native)

  const integrations = [
        Sentry.mobileReplayIntegration({
          maskAllImages: false,
          maskAllText: false,
          maskAllVectors: false,
        }),
      ];
  const _experiments = {
        replaysSessionSampleRate: 1.0,
        replaysOnErrorSampleRate: 1.0,
      };
  Sentry.init({
    dsn: SENTRY_DSN,
    _experiments,
    integrations,
    environment: 'production',
    beforeSend: (event) => {
      return event;
    },
  });

---

I have the following issue:
It doesn't record network payloads, response and others like headers etc...

Steps to reproduce:

• use axios for requests
• activate sentry session replay
• make some request and see the log on the website

Actual result:

• it shows the screen recording, and the network requests
• but it doesn't show the request and response payloads

Expected result:

• it shows the screen recording, and the network requests
• when i click on one request, see the request, response and headers payload

[jackstudd]

Looks like web have it, I don't get why RN doesn't => getsentry/sentry-javascript#7103

[krystofwoldrich]

Thank you for the message @jackstudd.

This is correct, currently the RN Replay Implementation does not record the request and response body.

I'll mark this as a feature requests and we will post updates here.