After Importing JS file ( ex - Meeting.js) which have zoom sdk in root file (ex- App.js) . so after importing meeting.js file in app.js . scrooling is not working . the project is build in react . and using zoom meeting SDK
this is my Meeting.js file
import React, { useEffect, Fragment } from “react”;
import { ZoomMtg } from ‘@zoomus/websdk’;
const ScMeeting = () => {
var payload = {
meetingNumber:'75605145053',
role:0,
sdkKey:"[REDACTED]",
sdkSecret:"[REDACTED]",
password:"dNtc10",
userName:"Dinesh Manohare",
userEmail:"[REDACTED]",
leaveUrl:"http://localhost:3000/"
}
useEffect( () => {
const zoomMeetInitiate = async () => {
const zoomMeetingSDK = document.getElementById('zmmtg-root');
zoomMeetingSDK.style.display = 'block';
ZoomMtg.setZoomJSLib("https://source.zoom.us/lib", "/av");
ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();
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(error)
{
console.log(error);
}
})
},
error:function(error)
{
console.log(error);
}
})
},
error:function(error)
{
console.log(error);
}
})
}
zoomMeetInitiate();
}, );
return ;
};
export default ScMeeting;
and in app . js
import ScMeeting from ‘./screens/ScMeeting’;