Zoom web SDK showing black screen after join the meeting, I used npm @zoomus/websdk 2.18.2

Meeting SDK Web
1

Same code working for host, but for user after click on join button dark screen show and error showing in console

Please suggest me :

import { PATH_DASHBOARD } from "@routes/paths";
import React, { useEffect } from "react";

const Index = () => {
  const state = JSON.parse(localStorage.getItem('zoomData')) || {};
  useEffect(() => {
    getLoad();
  }, [])

  const getLoad = async () => {
    const { ZoomMtg } = await import('@zoomus/websdk')
    ZoomMtg.setZoomJSLib('https://source.zoom.us/2.18.2/lib', '/av')
    // loads WebAssembly assets
    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.init({
      leaveUrl: `${PATH_DASHBOARD.root}/explor-liveClass`, // https://example.com/thanks-for-joining
      disablePreview: true,
      success: () => {
        ZoomMtg.join({
          sdkKey: state?.zoomKey,
          signature: state?.signature, // role in SDK signature needs to be 1
          meetingNumber: state?.meetingNumber,
          passWord: state?.password,
          userName: state?.name,
          success: (success) => {
            console.log(success)
          },
          error: (error) => {
            console.log(error)
          }
        })
      },
      error: (error) => {
        console.log(error)
      }
    })
  }

  return (
    <>
      <div id="meetingSDKElement" />
      <div id="zmmtg-root" />
      <div id="aria-notify-area" />
      <div className="ReactModalPortal" />
      <div className="ReactModalPortal" />
      <div className="ReactModalPortal" />
      <div className="ReactModalPortal" />
      <div className="global-pop-up-box" />
      <div className="sharer-controlbar-container sharer-controlbar-container--hidden" />
      <link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.18.2/css/bootstrap.css" />
      <link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.18.2/css/react-select.css" />
    </>
  )
};

export default Index;
2

Shwoing this error :

ERROR

m.AK.connectSocket is not a function
TypeError: m.AK.connectSocket is not a function
    at tn (http://localhost:3000/static/js/vendors-node_modules_zoomus_websdk_index_js.chunk.js:42892:157)
    at rn (http://localhost:3000/static/js/vendors-node_modules_zoomus_websdk_index_js.chunk.js:45620:69)
    at http://localhost:3000/static/js/vendors-node_modules_zoomus_websdk_index_js.chunk.js:46314:26
    at http://localhost:3000/static/js/bundle.js:164126:18
    at Yt (http://localhost:3000/static/js/vendors-node_modules_zoomus_websdk_index_js.chunk.js:182586:69)
    at Object.handleOnMessage (http://localhost:3000/static/js/vendors-node_modules_zoomus_websdk_index_js.chunk.js:182620:26)
    at i.<computed>.i.<computed>.onmessage (http://localhost:3000/static/js/vendors-node_modules_zoomus_websdk_index_js.chunk.js:182655:26)
3

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