Import { ZoomMtg } from '@zoomus/websdk'; causing React app to become unresponsive

Description
When I import ZoomMtg from ‘@zoomus/websdk’ my React App becomes unresponsive.

Error
image

Update
A more detailed error that will appear after react is unresponsive for a few minutes

Which version?
Latest webSDK 1.7.7

To Reproduce
Steps to reproduce the behavior:

  1. create-react-app
  2. npm install @zoomus/websdk@1.7.7
  3. import { ZoomMtg } from ‘@zoomus/websdk’; (inside my component file)
  4. npm run start

System

  • OS: Windows 10
  • Browser: Chrome

Additional context
As soon as I comment out the import { ZoomMtg } from ‘@zoomus/websdk’; the issue is resolved and my app will run again.

Not sure what the correct solution is, but I solved this problem by including jquery in the index.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

2 Likes

OK I got it working in a similar manner with this script source:
<script src="https://source.zoom.us/1.7.7/lib/vendor/jquery.min.js"></script>

I wasn’t sure if this is the correct way to do it, but since that is what you got to work as well, I will move forward.

Thanks Zacht!

1 Like

Hey @garettskaar, @Zacht,

Correct, you have to provide jQuery globally. We are working to not make this a requirement.

Thanks,
Tommy