Stuck on Joining Meeting ......SDK version 2.18.0

Meeting SDK
1

I am using Server to Server OAuth App Credentials for integrating Zoom Web SDK in REACT.js.
When I click on Join Now button …it gets stuck on Joining Meeting Page …and the loading goes for infinitely. I am using 2.18.0 WebSDK version.

Code -
import React, { useEffect, Fragment} from ‘react’;
const Meeting = ({ payload }) => {
useEffect(() => {
const initZoomSDK = async () => {
console.log(“Hello2”);
const { ZoomMtg } = await import(‘@zoomus/websdk’);
ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();
ZoomMtg.i18n.load(‘en-US’)
ZoomMtg.i18n.reload(‘en-US’)
ZoomMtg.setZoomJSLib(‘https://source.zoom.us/2.18.0/lib’, ‘/av’);

  ZoomMtg.generateSDKSignature({
    meetingNumber: payload.meetingNumber,
    sdkKey: payload.sdkKey,
    sdkSecret: payload.sdkSecret,
    success: function (signature) {
      console.log("Hello3");
      ZoomMtg.init({
        leaveUrl: payload.leaveUrl,
        success: function (data) {
          console.log("Hello4");
          ZoomMtg.join({
            signature: signature.result,
            meetingNumber: payload.meetingNumber,
            userName: payload.userName,
            sdkKey: payload.sdkKey,
            sdkSecret: payload.sdkSecret,
            passWord: payload.passWord,
            success: function () {
              console.log("Hello5");
              console.log('---Joined---');
            },
            error: function (error) {
              console.log("Hello6");
              console.log(error);
            },
          });
        },
        error: function (error) {
          console.log("Hello7");
          console.log(error);
        },
      });
    },
    error: function (error) {
      console.log("Hello8");
      console.log(error);
    },
  });
};
console.log("Hello1");
initZoomSDK();

}, [payload]);

return (

); }; export default Meeting;

I have checked everything (sdkKey, meetingNumber, passWord, and everything) but nothing is working . I have tried logging errors but nothing is getting logged in the console. Till ZoomMtg.init() it is logging on success but after that nothing is getting logged in console.

A warning appears initially but when i click on cross it disappears.
After clicking on join now, the joining meeting is stuck.

I have followed everything …tried every method but its not getting fixed.
@elisa.zoom

3

@ujjwalp2510 use 2.17.0 its working for me

4

Its not working even if I change the version to 2.17.0

5

import React, { useEffect, Fragment } from “react”;

const Meeting = () => {

const payload = {
meetingNumber: “”,

 role:0,
sdkKey:'',
sdkSecret:'',
passWord: "",

 userName:"test",
userEmail: "",
leaveUrl: "http://localhost:3000",

};

useEffect(() => {
const initializeMeeting = async () => {
try {
const { ZoomMtg } = await import(“@zoomus/websdk”);

    ZoomMtg.setZoomJSLib('https://source.zoom.us/2.17.0/lib', '/av');
    ZoomMtg.preLoadWasm();
    ZoomMtg.prepareWebSDK();
    // loads language files, also passes any error messages to the ui
    // ZoomMtg.i18n.load('en-US');
    // ZoomMtg.i18n.reload('en-US');
    ZoomMtg.generateSDKSignature({
      meetingNumber: payload.meetingNumber,
      role: payload.role,
      sdkKey: payload.sdkKey,
      sdkSecret: payload.sdkSecret,
      success: function (signature) {
        ZoomMtg.init({
          leaveUrl: payload.leaveUrl,
          success: function (data) {
            ZoomMtg.join({
              meetingNumber: payload.meetingNumber,
              signature: signature.result,
              sdkKey: payload.sdkKey,
              userName: payload.userName,
              userEmail: payload.userEmail,
              passWord: payload.passWord,
              tk: "",
              success: function () {
                console.log("-- joined --");
              },
              error: function (joinError) {
                console.error("Error joining meeting:", joinError);
              },
            });
          },
          error: function (initError) {
            console.error("Error initializing Zoom:", initError);
          },
        });
      },
      error: function (signError) {
        console.error("Error generating SDK signature:", signError);
      },
    });
  } catch (error) {
    console.error("Error while initializing Zoom:", error);
  }
};

initializeMeeting();

}, [payload.meetingNumber, payload.role, payload.sdkKey, payload.sdkSecret, payload.passWord, payload.userName, payload.userEmail, payload.leaveUrl]);

return (

</Fragment>

);
};

export default Meeting;
use this code and replace the think and install the 2.17.0 websdk version
@ujjwalp2510

1 Like