I integrated zoom sdk in Next.js application.Facing issues with zoom sdk end button and leave button.Upon clicking the buttons, nothing is happening and no error logs were found in console.Please find the version of Next.js ,React.js and zoom sdk along with code.
“next”: “^13.4.12”,
“@zoomus/websdk”: “^2.17.0”,
“react”: “18.2.0”,
code:
{
ZoomMtg.setZoomJSLib(“https://source.zoom.us/2.17.0/lib”, “/av”);
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();
// loads language files, also passes any error messages to the ui
ZoomMtg.i18n.load(“en-US”);
ZoomMtg.i18n.reload(“en-US”);
ZoomMtg.init({
leaveUrl: ${window.location.origin}
,
isSupportChat: false,
disableInvite: true,
debug: true,
disableRecord: true,
showMeetingHeader: true,
meetingInfo: [
// optional
“topic”,
“host”,
“mn”,
“pwd”,
“telPwd”,
“invite”,
“enctype”,
],
success: () => {
ZoomMtg.join({
signature: signature,
sdkKey: sdkKey,
meetingNumber: meetingNumber,
passWord: passWord,
userName: userName,
userEmail: userEmail,
tk: registrantToken,
zak: zakToken,
success: () => {},
error: (err) => {
console.log(err
, err);
},
});
},
error: (err) => {
console.log(err
, err);
},
});
return loadedZoom;
};