m.AK.connectSocket is not a function error in zoom client view

[prathmesh_patil (Prathmesh)]

Hi all, I am trying to implement a video calling functionality in my website. I want users to schedule and share zoom calls in my website.

I am using Zoom client view and trying to implement this code in my React.Js code.

Code -

import { ZoomMtg } from "@zoomus/websdk"

ZoomMtg.setZoomJSLib("https://source.zoom.us/2.18.2/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")

function startMeeting(signature) {
    document.getElementById("zmmtg-root").style.display = "block"

    ZoomMtg.init({
      leaveUrl: leaveUrl,
      success: (success) => {
        console.log(success)

        ZoomMtg.join({
          signature: signature,
          sdkKey: sdkKey,
          meetingNumber: meetingNumber,
          passWord: passWord,
          userName: userName,
          userEmail: userEmail,
          tk: registrantToken,
          zak: zakToken,
          success: (success) => {
            console.log("success : ",success)
          },
          error: (error) => {
            console.log("error : ",error)
          },
        })
      },
      error: (error) => {
        console.log("error 2 : ",error)
      },
    })
  }

I am able to see the “join meet” screen as follows -

but when I click on “Join” button, I get the following errors -

1. m.AK.connectSocket is not a function
   

   

2. Invalid DOM property playsinline
   

   

3. ‘React’ is not defined
   

   

4. invalid ARIA attribute ariaLabel
   

   

5. A cross-origin error was thrown.
   

   

React version - 18.2.0
@zoomus/websdk version - 2.18.2

Can somebody please help me with this issue?

Thanks,

[chunsiong.zoom (Chun Siong (tag me for response))]

@prathmesh_patil ,

If you are using client view, you will need to use react 16. React 17 and 18 is not supported at this point in time.

[prathmesh_patil (Prathmesh)]

Thanks @chunsiong.zoom for the quick reply. I implemented it through CDN instead of any package managers and it worked for me. Thanks again.

Although I can log the userId properly, I don’t understand why I encounter this error (given below) whenever I attempt to resize the zoom component view window

Uncaught (in promise)
reason: "userId is not correct"
type: "INVALID_PARAMETERS"