# Stripe integration issue in zoom client app

**URL:** <https://devforum.zoom.us/t/stripe-integration-issue-in-zoom-client-app/91424>\
**Category:** Zoom Apps\
**Created:** [July 6, 2023, 1:41pm UTC](https://devforum.zoom.us/t/stripe-integration-issue-in-zoom-client-app/91424 "2023-07-06T13:41:37Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![reyaz.ahmed](https://avatars.discourse-cdn.com/v4/letter/r/8e7dd6/32.png) [@reyaz.ahmed](https://devforum.zoom.us/u/reyaz.ahmed)\
**Post date:** [July 6, 2023, 1:41pm UTC](https://devforum.zoom.us/t/stripe-integration-issue-in-zoom-client-app/91424/1 "2023-07-06T13:41:37Z")

</div>

Hi,  
We are creating a zoom app with react.js and now when we are integrating **Stripe** for the payments, using react from below documentation  
https://stripe.com/docs/stripe-js/elements/payment-request-button?client=react  
It is loading fine in the browser with no issues, but when we are loading our zoom app, showing below error

 ![error1](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/1/a/1a437bbf2c30eeb2ee83be6ecf973a86e85adb2a.png)

and we are also noticing some web-socket connection errors as well, we are using ngrok for now.

 ![error2](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/3/2/32b28c3b6c8374b1aab6033e119ac72e76230c01.png)

It will be really appreciated if you could help me to fix these issues.

---

<div class="post-metadata">

**Author:** ![reyaz.ahmed](https://avatars.discourse-cdn.com/v4/letter/r/8e7dd6/32.png) [@reyaz.ahmed](https://devforum.zoom.us/u/reyaz.ahmed)\
**Post date:** [July 11, 2023, 4:15pm UTC](https://devforum.zoom.us/t/stripe-integration-issue-in-zoom-client-app/91424/2 "2023-07-11T16:15:05Z")

</div>

Please anyone can help on this 😐

---

<div class="post-metadata">

**Author:** ![reyaz.ahmed](https://avatars.discourse-cdn.com/v4/letter/r/8e7dd6/32.png) [@reyaz.ahmed](https://devforum.zoom.us/u/reyaz.ahmed)\
**Post date:** [July 13, 2023, 3:59pm UTC](https://devforum.zoom.us/t/stripe-integration-issue-in-zoom-client-app/91424/3 "2023-07-13T15:59:45Z")

</div>

@elisa.zoom please anyone help me on this issue.

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [July 13, 2023, 7:02pm UTC](https://devforum.zoom.us/t/stripe-integration-issue-in-zoom-client-app/91424/4 "2023-07-13T19:02:00Z")

</div>

> [@reyaz.ahmed](#):
>
> We are creating a zoom app with react.js and now when we are integrating **Stripe** for the payments, using react from below documentation  
> [Payment Request Button | Stripe Documentation](https://stripe.com/docs/stripe-js/elements/payment-request-button?client=react)  
> It is loading fine in the browser with no issues, but when we are loading our zoom app, showing below error

I looked up issues related to this error but I wasn’t able to find any information that would help out here. As a bare minimum, I would make sure that you aren’t accidentally serving a mix of HTTPS and HTTP urls. Instead, make sure that everything is HTTPS.

Other than that, Stripe support may be able to provide more detail on how to resolve this issue.

> [@reyaz.ahmed](#):
>
> and we are also noticing some web-socket connection errors as well, we are using ngrok for now.
> 
> ![error2](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/3/2/32b28c3b6c8374b1aab6033e119ac72e76230c01.png)

Are you able to connect to the WS outside of Ngrok? It’s possible that this is an insecure websocket so I would also try to use the ws:// protocol instead of wss://

Let me know if that helps.

---

<div class="post-metadata">

**Author:** ![reyaz.ahmed](https://avatars.discourse-cdn.com/v4/letter/r/8e7dd6/32.png) [@reyaz.ahmed](https://devforum.zoom.us/u/reyaz.ahmed)\
**Post date:** [July 24, 2023, 1:59pm UTC](https://devforum.zoom.us/t/stripe-integration-issue-in-zoom-client-app/91424/5 "2023-07-24T13:59:33Z")

</div>

Hi Max,  
Thank you for your reply, I asked stripe support team regrading this issue, but they suggesting me to connect with zoom support team for this.

As I mentioned above the stripe is loading fine in browsers, but not in zoom client app. I am creating zoom-app using zoomappsdk.

 ![zoomerr1](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/8/2/822945bed0e6b91955e51c08cc274869325b949f.png)

Any help will be highly appreciated.

---

<div class="post-metadata">

**Author:** ![reyaz.ahmed](https://avatars.discourse-cdn.com/v4/letter/r/8e7dd6/32.png) [@reyaz.ahmed](https://devforum.zoom.us/u/reyaz.ahmed)\
**Post date:** [August 3, 2023, 6:48am UTC](https://devforum.zoom.us/t/stripe-integration-issue-in-zoom-client-app/91424/6 "2023-08-03T06:48:58Z")

</div>

Please help me on this issue.

---

<div class="post-metadata">

**Author:** ![reyaz.ahmed](https://avatars.discourse-cdn.com/v4/letter/r/8e7dd6/32.png) [@reyaz.ahmed](https://devforum.zoom.us/u/reyaz.ahmed)\
**Post date:** [August 9, 2023, 10:39am UTC](https://devforum.zoom.us/t/stripe-integration-issue-in-zoom-client-app/91424/7 "2023-08-09T10:39:53Z")

</div>

Anyone please help me on above issue to fix it, its a bit urgent.
