Replays are blank in Shopify embedded app

Kobby-Bawuah commented 1 month ago

Is there an existing issue for this?

[X] I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
[X] I have reviewed the documentation https://docs.sentry.io/
[X] I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/browser

SDK Version

7.113.0

Framework Version

sentry.javascript.react

Link to Sentry event

No response

SDK Setup

No response

Steps to Reproduce

A user is reporting that all of their replays are blank and claims its a follow up of this issue(https://github.com/getsentry/sentry-javascript/issues/7279):

Embed the web app in an iframe on a Shopify store.
Enable Sentry session replays in the app.
Interact with the app to generate user session data.
Check the replay recordings in the Sentry dashboard.

See the attached Jira issue for a link to the sample reply the user provided as evidence.

Expected Result

Replays should show the recorded user interactions within the iframe embedded app.

Actual Result

Replays are completely blank, showing no recorded interactions.

┆Issue is synchronized with this Jira Improvement by Unito

billyvg commented 1 month ago

Is there a public URL to where Replay is installed so that we can debug it further?

alex-trackipal commented 1 month ago

Is there a public URL to where Replay is installed so that we can debug it further?

Its a Shopify App: https://apps.shopify.com/trackipal (we do get "replays" recorded correctly using another tool: hotjar).

Our init code:

export const initSentry = () => {
  Sentry.init({
    dsn: ',
    integrations: [
      Sentry.browserTracingIntegration(),
      Sentry.replayIntegration(),
      // Sentry.httpClientIntegration(),
      Sentry.extraErrorDataIntegration(),
    ],
    environment: process.env.NODE_ENV,
    // Performance Monitoring
    tracesSampleRate: 1.0, //  Capture 100% of the transactions
    // Set 'tracePropagationTargets' to control for which URLs distributed tracing should be enabled
    tracePropagationTargets: ['localhost', /^https:\/\/yourserver\.io\/api/],
    // Session Replay
    replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
    replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
    sendDefaultPii: true,
    normalizeDepth: 6, // stringify deeper objects
  });
};

getsentry / sentry-javascript