# Blocked frame from origin when using client zoom meeting SDK in React Web App **URL:** \ **Category:** Web\ **Created:** [January 13, 2023, 6:01pm UTC](https://devforum.zoom.us/t/blocked-frame-from-origin-when-using-client-zoom-meeting-sdk-in-react-web-app/81414 "2023-01-13T18:01:30Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![Rootscope](https://avatars.discourse-cdn.com/v4/letter/r/6f9a4e/32.png) [@Rootscope](https://devforum.zoom.us/u/Rootscope)\ **Post date:** [January 13, 2023, 6:01pm UTC](https://devforum.zoom.us/t/blocked-frame-from-origin-when-using-client-zoom-meeting-sdk-in-react-web-app/81414/1 "2023-01-13T18:01:30Z")
**Description** We have a react webapp where we want to integrate zoom meeting SDK. When we add integration as described in example and run the app the app wont load and in console there is error that the frame was blocked for origin. We tried to remove component one by one until we found out that if we remove stripe scripts from app the zoom sdk will load properly but with stripe it will fail on the mentioned error. Any suggestion what how to solve this? **Browser Console Error** zoomus-websdk.umd.min.js:2 Uncaught DOMException: Blocked a frame with origin “localhost:3000” from accessing a cross-origin frame. at localhost:3000/static/js/vendors~main.chunk.js:142812:80 **Which Web Meeting SDK version?** 2.9.5 **To Reproduce(If applicable)** 1. Download react zoom meeting sdk example [GitHub - zoom/meetingsdk-react-sample: Use the Zoom Meeting SDK in a React App](https://github.com/zoom/meetingsdk-react-sample) 2. add “” to the index.html head section 3. run app 4. See error appear in console **Device (please complete the following information):** Google Chrome Version 108.0.5359.126 (Official Build) (64-bit) ---
**Author:** ![chunsiong.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/chunsiong.zoom/32/35488_2.png) [@chunsiong.zoom](https://devforum.zoom.us/u/chunsiong.zoom)\ **Post date:** [January 16, 2023, 1:36am UTC](https://devforum.zoom.us/t/blocked-frame-from-origin-when-using-client-zoom-meeting-sdk-in-react-web-app/81414/2 "2023-01-16T01:36:19Z")
@Rootscope are you trying to run this within an iframe? ---
**Author:** ![Rootscope](https://avatars.discourse-cdn.com/v4/letter/r/6f9a4e/32.png) [@Rootscope](https://devforum.zoom.us/u/Rootscope)\ **Post date:** [January 16, 2023, 8:48am UTC](https://devforum.zoom.us/t/blocked-frame-from-origin-when-using-client-zoom-meeting-sdk-in-react-web-app/81414/3 "2023-01-16T08:48:59Z")
No. I do not set any iframes in the app myself. But of course SDK itself is manipulating and adding its own DOM elements ---
**Author:** ![Rootscope](https://avatars.discourse-cdn.com/v4/letter/r/6f9a4e/32.png) [@Rootscope](https://devforum.zoom.us/u/Rootscope)\ **Post date:** [January 17, 2023, 3:11pm UTC](https://devforum.zoom.us/t/blocked-frame-from-origin-when-using-client-zoom-meeting-sdk-in-react-web-app/81414/4 "2023-01-17T15:11:32Z")
missing link in step 2 is \< script src=“[https://js.stripe.com/v3](https://js.stripe.com/v3)”\>\ (remove spaces after \<) ---
**Author:** ![Rootscope](https://avatars.discourse-cdn.com/v4/letter/r/6f9a4e/32.png) [@Rootscope](https://devforum.zoom.us/u/Rootscope)\ **Post date:** [January 17, 2023, 3:16pm UTC](https://devforum.zoom.us/t/blocked-frame-from-origin-when-using-client-zoom-meeting-sdk-in-react-web-app/81414/5 "2023-01-17T15:16:14Z")
on second thought stripe js is also injecting it own iframe. ---
**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\ **Post date:** [February 17, 2023, 1:16am UTC](https://devforum.zoom.us/t/blocked-frame-from-origin-when-using-client-zoom-meeting-sdk-in-react-web-app/81414/6 "2023-02-17T01:16:38Z")
Closed on February 17, 2023, 1:16am UTC This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.