check my code and how to fix this problem please suggest me.
import React, { Fragment } from ‘react’;
import { KJUR } from ‘jsrsasign’;
function ZoomCall({ payload }) {
function generateSDKSignature(data) {
var signature = ‘’;
const {
sdkKey, sdkSecret, meetingNumber, role
} = data;
const iat = Math.round(new Date().getTime() / 1000) - 30;
const exp = iat + 60 * 60 * 2;
const oHeader = { alg: ‘HS256’, typ: ‘JWT’ };
const oPayload = {
sdkKey,
iat,
exp,
mn: meetingNumber,
role
};
const sHeader = JSON.stringify(oHeader);
const sPayload = JSON.stringify(oPayload);
signature = KJUR.jws.JWS.sign(‘HS256’, sHeader, sPayload, sdkSecret);
if (‘success’ in data && data.success) {
data.success(signature);
}
console.log(signature, “signature”);
return signature;
}
generateSDKSignature({
meetingNumber: payload?.meetingNumber,
sdkKey: payload?.sdkKey,
sdkSecret: payload?.sdkSecret,
role: payload?.role,
success: function (res) {
startMeeting(res)
},
error: function (err) {
console.log(err, "errr");
}
});
async function startMeeting(signature) {
const { ZoomMtg } = await import("@zoom/meetingsdk");
ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();
document.getElementById('zmmtg-root').style.display = 'block'
ZoomMtg.init({
leaveUrl: window.location.origin,
patchJsMedia: true,
success: (success) => {
console.log(success)
ZoomMtg.join({
signature: signature,
sdkKey: payload?.sdkKey,
meetingNumber: payload?.meetingNumber,
passWord: payload?.passWord,
userName: payload?.userName,
userEmail: '',
success: (success) => {
console.log(success)
},
error: (error) => {
console.log(error)
}
})
},
error: (error) => {
console.log(error)
}
})
}
return (
<Fragment />
);
}
export default ZoomCall;