# Zoom integration in react.js page blank issue

**URL:** <https://devforum.zoom.us/t/zoom-integration-in-react-js-page-blank-issue/35030>\
**Category:** Web\
**Created:** [November 3, 2020, 7:07pm UTC](https://devforum.zoom.us/t/zoom-integration-in-react-js-page-blank-issue/35030 "2020-11-03T19:07:21Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![arkanoidmark96](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/arkanoidmark96/32/17562_2.png) [@arkanoidmark96](https://devforum.zoom.us/u/arkanoidmark96)\
**Post date:** [November 3, 2020, 7:07pm UTC](https://devforum.zoom.us/t/zoom-integration-in-react-js-page-blank-issue/35030/1 "2020-11-03T19:07:21Z")

</div>

Hi there i am having trouble on setting up zoom on a page with react. I cannot understand what is the problem, i have installed @zoomus/websdk and jquery and I did all in the app component to try it out but when i do npm start the page opened is blank. Here is the screenshot of all the code i used. The APIkey and secret i put an x just for showing the screenshot.

 ![code](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/0/7/077113c4e53ced2eb8a78f8e1765b8655d02ddba.png)

---

<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:** [November 3, 2020, 11:35pm UTC](https://devforum.zoom.us/t/zoom-integration-in-react-js-page-blank-issue/35030/2 "2020-11-03T23:35:14Z")

</div>

Hey @arkanoidmark96,

Can you please fill out the post template so we have enough information to help? 🙂

* * *

**Description**  
A clear and concise description of what the question is.

**Error**  
The full error message or issue you are running into.

**Which version?**  
Knowing the version can help us to identify your issue faster.

**To Reproduce(If applicable)**  
Steps to reproduce the behavior:

1. Go to ‘…’
2. Click on ‘…’
3. Scroll down to ‘…’
4. See error

**Screenshots**  
If applicable, add screenshots to help explain your problem.

**Device (please complete the following information):**

- Device: [e.g. iPhone6]
- OS: [e.g. iOS8.1]
- Version: [e.g. 22]
- Browser:[e.g. Chrome]

**Additional context**  
Add any other context about the problem here.

* * *

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![arkanoidmark96](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/arkanoidmark96/32/17562_2.png) [@arkanoidmark96](https://devforum.zoom.us/u/arkanoidmark96)\
**Post date:** [November 4, 2020, 12:20am UTC](https://devforum.zoom.us/t/zoom-integration-in-react-js-page-blank-issue/35030/3 "2020-11-04T00:20:22Z")

</div>

Hey thank you for your reply. i actually abandoned the zoom integration as its been 3 whole days getting this thing to work but it never did and im passing on other options. I have downloaded all from Github and read documentation but nothing is complete and helpful enough… i had to take information from one piece and then from other parts, some video but at the end what i got is not working for react at least… by downloading the project sample it does though but it not in react, i do not want to use html… now i have all up to date regarding version of node, react, npm etcs… i have a node js server as backend and i wanted to integrate zoom with react in my frontend… the code in all in the screenshot. Is there something i had missing in the code? Html is something i do not want to touch… do i need to render elements? It seems to be a pain job to just implement something that ca be simpler…

---

<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:** [November 4, 2020, 6:37pm UTC](https://devforum.zoom.us/t/zoom-integration-in-react-js-page-blank-issue/35030/4 "2020-11-04T18:37:14Z")

</div>

Hey @arkanoidmark96,

Have you followed the install guide for single page apps like React?

> **[@zoomus/websdk](https://www.npmjs.com/package/@zoomus/websdk)**
>
> Zoom Web SDK

Thanks,  
Tommy

---

<div class="post-metadata">

**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:** [December 5, 2020, 4:37am UTC](https://devforum.zoom.us/t/zoom-integration-in-react-js-page-blank-issue/35030/5 "2020-12-05T04:37:16Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.