# Zoom SDK not able to load in ReactJS project

**URL:** <https://devforum.zoom.us/t/zoom-sdk-not-able-to-load-in-reactjs-project/25691>\
**Category:** Web\
**Created:** [July 30, 2020, 6:27am UTC](https://devforum.zoom.us/t/zoom-sdk-not-able-to-load-in-reactjs-project/25691 "2020-07-30T06:27:17Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![vijay.singh](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/vijay.singh/32/9055_2.png) [@vijay.singh](https://devforum.zoom.us/u/vijay.singh)\
**Post date:** [July 30, 2020, 6:27am UTC](https://devforum.zoom.us/t/zoom-sdk-not-able-to-load-in-reactjs-project/25691/1 "2020-07-30T06:27:17Z")

</div>

**Description**  
I am using Zoom SDK to integrate in my React Application and made use of below repo to start with developing it.

> **[michaeldharrington/react-zoomus-websdk](https://github.com/michaeldharrington/react-zoomus-websdk)**
>
> Development testing app for launching @zoomus/websdk - michaeldharrington/react-zoomus-websdk

My public/index.html file content is:

```
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/1.7.0/css/bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/1.7.0/css/react-select.css" />
    <title>React App</title>
  </head>
  <body>
    <noscript>
      You need to enable JavaScript to run this app.
    </noscript>
    <div id="root"></div>
    <script src="https://source.zoom.us/1.7.0/lib/vendor/jquery.min.js"></script>

  </body>
</html>

```

In My ZoomCall component this is what I am doing:

```
import React, { Component } from 'react';
import PropTypes from 'prop-types';

import { ZoomMtg } from '@zoomus/websdk';

export default class ZoomCall extends Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  componentDidMount() {
    console.log('checkSystemRequirements');
    ZoomMtg.setZoomJSLib('https://source.zoom.us/1.7.0/lib', '/av');
    ZoomMtg.preLoadWasm();
    ZoomMtg.prepareJssdk();
  }
  render() {
    return(
      <div>Zoom Call</div>
    );
  }
}

ZoomCall.propTypes = {
  meetingData: PropTypes.object
};

```

**Error**  
The page does not renders and after few seconds browser crashes and do give any response. Console gives me this error when I try to load page:

 ![zoomImportError](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/0/027345258100f587f9e60a955b79157e4d88906b.png)

---

<div class="post-metadata">

**Author:** ![dramoslance](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/dramoslance/32/12871_2.png) [@dramoslance](https://devforum.zoom.us/u/dramoslance)\
**Post date:** [August 2, 2020, 3:48am UTC](https://devforum.zoom.us/t/zoom-sdk-not-able-to-load-in-reactjs-project/25691/2 "2020-08-02T03:48:32Z")

</div>

> [@vijay.singh](#):
>
> de use of below repo to start with developing it.

You need to add jquery as a dependency.

---

<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:** [August 4, 2020, 4:03pm UTC](https://devforum.zoom.us/t/zoom-sdk-not-able-to-load-in-reactjs-project/25691/3 "2020-08-04T16:03:53Z")

</div>

Thanks for sharing the solution @dramoslance! 🙂

@vijay.singh, please let me know if you have additional questions.

-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:** [August 14, 2020, 4:03pm UTC](https://devforum.zoom.us/t/zoom-sdk-not-able-to-load-in-reactjs-project/25691/4 "2020-08-14T16:03:54Z")

</div>

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