Import { ZoomMtg } from ‘@zoomus/websdk’; causing React app to crash and dev tools failed to load

Meeting SDK
1

__

Format Your New Topic as Follows:

Zoom Meeting SDK: 2.9.5
React version: 16.13.1

Description
I am integrating zoomus/websdk client view in my react-application. The moment I import ZoomMtg my app got crashed. I am not getting any clue why is it happening. On the other hand when I am importing component view, everything is working fine.

My code:

// importing in my component

import {ZoomMtg} from ‘@zoomus/websdk’;
ZoomMtg.setZoomJSLib(‘https://source.zoom.us/2.9.5/lib’, ‘/av’);
ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();
ZoomMtg.i18n.load(‘en-US’);
ZoomMtg.i18n.reload(‘en-US’);

// On clicking on my application button when I want user to join meeting

ZoomMtg.init({
leaveUrl: leaveUrl,
success: (success) => {
console.log(success)
ZoomMtg.join({
signature: ,
meetingNumber: ,
userName: ,
sdkKey: ,
zak: ,
passWord: ,
success: (success) => {
console.log(success)
},
error: (error) => {
console.log(error)
}
})
},
error: (error) => {
console.log(error)
}
})

Steps to reproduce the behavior:

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

System

  • macOS: Ventura 13.0.1 (22A400)
  • Browser: Chrome & Firefox

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

2

@shubhashishp08kc Hope you will be fine. Here is the session → ReactJS with Zoom WebSDK.