# Web sdk iframe not working as aspected in React js app

**URL:** <https://devforum.zoom.us/t/web-sdk-iframe-not-working-as-aspected-in-react-js-app/24050>\
**Category:** Web\
**Created:** [July 14, 2020, 6:53am UTC](https://devforum.zoom.us/t/web-sdk-iframe-not-working-as-aspected-in-react-js-app/24050 "2020-07-14T06:53:54Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [July 22, 2020, 6:34pm UTC](https://devforum.zoom.us/t/web-sdk-iframe-not-working-as-aspected-in-react-js-app/24050/6 "2020-07-22T18:34:46Z")

</div>

Hey @awais1304,

The Web SDK was not designed to work within an iFrame. Checkout my tips here for best practices using the Web SDK in your React App:

> [@WEB sdk add inline styles to html and body](https://devforum.zoom.us/t/web-sdk-add-inline-styles-to-html-and-body/23375/9):
>
> Hey @daniel2, @nvivot, @houssam.hammoud, @simonwong, Currently the best way to use the Web SDK without affecting the styling and functionality of your app is to navigate the user to a seperate path or sub domain so it does not interfere with your CSS. Then after the meeting you can navigate back to your main page with the [leaveUrl](https://zoom.github.io/sample-app-web/ZoomMtg.html#init) Thanks, Tommy

Thanks,  
Tommy

---

_[View the full topic](https://devforum.zoom.us/t/web-sdk-iframe-not-working-as-aspected-in-react-js-app/24050)._