Setting Zoom JS libraries in React shows CORB warnings

Description
I am using Web SDK in my React application. Followed every step of this below project

When I am loading ZoomJS Library by ZoomMtg.setZoomJSLib('http://localhost:3000/node_modules/@zoomus/websdk/dist/lib', '/av') I am getting CORB warnings in my browser console recently. Earlier no such warnings were thrown by the browser.

Edit: I am getting errors on starting a Zoom meeting call whom screenshots I have attached in this.

Error
Two warnings are thrown:

  1. zoomus-websdk.umd.min.js:2 Cross-Origin Read Blocking (CORB) blocked cross-origin response http://localhost:3000/node_modules/@zoomus/websdk/dist/lib/webim.min.js with MIME type text/html. See Cross-Origin Read Blocking (CORB) - Chrome Platform Status for more details.

  2. zoomus-websdk.umd.min.js:2 Cross-Origin Read Blocking (CORB) blocked cross-origin response http://localhost:3000/node_modules/@zoomus/websdk/dist/lib/av/5510_js_media.min.js with MIME type text/html. See Cross-Origin Read Blocking (CORB) - Chrome Platform Status for more details.

Multiple errors I am getting in my browser console when I am trying to do Zoom.init.

Which version?
1.7.10

Screenshots
warnings

In Firefox Browser below warnings are being shown:
FirefoxZoomWarninfg

Below errors I am getting during the initialization of the Zoom meeting. I believe these errors are related to the issue of CORB policy because I didn’t get them before.

My Zoom Component

  componentDidMount() {
    ZoomMtg.setZoomJSLib('http://localhost:3000/node_modules/@zoomus/websdk/dist/lib', '/av');
    ZoomMtg.preLoadWasm();
    ZoomMtg.prepareJssdk();
  }

The below code will be called when user clicks start zoom meeting button and resp.data.signature
is the generated Zoom signature from my backend in Django server.

       ZoomMtg.init({
              leaveUrl: 'http://localhost:8000/dashboard',
              disableRecord: false,
              videoDrag: true,
              sharingMode: 'both',
              success: () => {
                console.log('Sucess');
                ZoomMtg.join(
                  {
                    meetingNumber: '',
                    userName: '',
                    signature: resp.data.signature,
                    apiKey: process.env.REACT_APP_ZOOM_API_KEY,
                    passWord: '',
                    success: (res) => {
                      console.log('join meeting success:', res);
                    },
                    error: (res) => {
                      console.log('Error point 1 in join:', res);
                    }
                  }
                );
              },
              error: (res) => {
                console.log('Error point 2 in init:', res);
              }
            });

Hey @vijay.singh, sorry to hear you are having trouble.

@michael.harrington can you chime in here? :slight_smile:

Thanks,
Tommy

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