# New react application with minimal zoom integration raise errors

**URL:** <https://devforum.zoom.us/t/new-react-application-with-minimal-zoom-integration-raise-errors/51649>\
**Category:** Web\
**Created:** [June 2, 2021, 4:53pm UTC](https://devforum.zoom.us/t/new-react-application-with-minimal-zoom-integration-raise-errors/51649 "2021-06-02T16:53:28Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![meir.bond](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/meir.bond/32/18071_2.png) [@meir.bond](https://devforum.zoom.us/u/meir.bond)\
**Post date:** [June 2, 2021, 4:53pm UTC](https://devforum.zoom.us/t/new-react-application-with-minimal-zoom-integration-raise-errors/51649/1 "2021-06-02T16:53:28Z")

</div>

I created an empty react web project, added the zoom SDK (tried both ways - CDN and local) and run these 3 lines of code, nothing else, no react code yet, no zoom code yet, nothing. Only these 3 rows:  
import { ZoomMtg } from “@zoomus/websdk”;  
ZoomMtg.preLoadWasm();  
ZoomMtg.prepareJssdk();

And I get the following error message in chrome console:  
VM61 webim.min.js:1 Uncaught SyntaxError: Unexpected token ‘\<’  
VM62 6568\_js\_media.min.js:1 Uncaught SyntaxError: Unexpected token ‘\<’

![abc](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/c/3/c30537c64b99ebe5977ad50037c0744e2e5f759e.png)

If I ignore this error and try to join a meeting I get empty black screen.

---

<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:** [June 4, 2021, 2:09am UTC](https://devforum.zoom.us/t/new-react-application-with-minimal-zoom-integration-raise-errors/51649/2 "2021-06-04T02:09:00Z")

</div>

Hey @meir.bond,

When it comes to using React with the [Web SDK](https://marketplace.zoom.us/docs/sdk/native-sdks/web#zoom-web-sdk), I would make sure to closely follow our [Sample React App](https://github.com/zoom/websdk-sample-react/tree/master/src) which was created using the create-react-app command.

Looking at that implementation, you might be missing a line to call setZoomJSLib:

> **[Build an App - Web - Client SDKs - Zoom Software Development Kit (Zoom SDK)](https://marketplace.zoom.us/docs/sdk/native-sdks/web/build#specify-dependency-library)**
>
> Build an App
> 
> This guide will walk through the steps to get started with the Web SDK through the following steps: 
> 
> Downloading the SDK
> 
> Integrating the...

Let me know if that helps.

Thanks,  
Max

---

<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:** [July 4, 2021, 12:09pm UTC](https://devforum.zoom.us/t/new-react-application-with-minimal-zoom-integration-raise-errors/51649/3 "2021-07-04T12:09:05Z")

</div>

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