Skip to content

Commit

Permalink
Update README
Browse files Browse the repository at this point in the history
  • Loading branch information
jakst committed Aug 2, 2024
1 parent af4e5c8 commit f403446
Showing 1 changed file with 9 additions and 5 deletions.
14 changes: 9 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,17 @@ Reproduction of issue with Sentry's Replay integration interfering with the Stri

**To reproduce**

- Get a pair of public/private Stripe API test keys and set them as `STRIPE_SECRET_KEY` and `NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY` in a file called `.env.local` in the root of the repo.
- Start the dev server and visit the page
- Visit the deployed reproduction app at https://sentry-replay-stripe.vercel.app with Safari.
- Observe this error in the console

Observe this error in the console
```
Blocked a frame with origin "https://sentry-replay-stripe.vercel.app" from accessing a frame with origin "https://js.stripe.com". Protocols, domains, and ports must match.
```

You can also deploy the app yourself. Then you have to grab a pair of public/private Stripe API test keys and set them as `STRIPE_SECRET_KEY` and `NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY` in a file called `.env.local` in the root of the repo. Then you can start the dev server and visit the page in Safari.

The error message is slightly different locally

```
Blocked a frame with origin "http://localhost:3000" from accessing a frame with origin "https://js.stripe.com". The frame requesting access has a protocol of "http", the frame being accessed has a protocol of "https". Protocols must match.
```

The same error is present when deployed to production as well, although it then complains about the origin not matching, rather than the protocol.

0 comments on commit f403446

Please sign in to comment.