Description
I’m trying to integrate the sdk zoom with react, however every time I try to run the project after following all the steps described I have the error ‘Uncaught SyntaxError: Unexpected token ‘<’’ as return
Error
Which version?
On the setZoomJsLib i used 1.8.0v and in my packge.json i use the 1.8.1v.
I had test’s from my desktop (win 10) with the google chrome and microsoft edge.
To Reproduce(If applicable)
Steps to reproduce the behavior:
the error occurs as soon as I run the project.
Additional context
This is the component code:
import React from ‘react’;
import { ZoomMtg } from ‘@zoomus/websdk’;
import ‘./zoom.css’;
console.log(“checkSystemRequirements”);
console.log(JSON.stringify(ZoomMtg.checkSystemRequirements()));
ZoomMtg.setZoomJSLib(‘https://source.zoom.us/1.8.0/lib’, ‘/av’);
ZoomMtg.setZoomJSLib(‘node_modules/@zoomus/websdk/dist/lib/’, ‘/av’);
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();
const Zoom = () => {
const Endpoint = "http://localhost:4000";
var meetingNumber = 75594056340
var user = 'Diego'
var roleUser = 0
const meetConfig = {
apiKey: process.env.API_KEY,
meetingNumber: meetingNumber,
leaveUrl: 'https://www.google.com',
userName: user,
userEmail: '',
passWord: '', // if required
role: roleUser // 1 for host; 0 for attendee
};
const getSignature = () => {
fetch(`${Endpoint}`, {
method: 'POST',
body: JSON.stringify({ meetingData: meetConfig })
})
.then(result => result.text())
.then(response => {
ZoomMtg.init({
leaveUrl: meetConfig.leaveUrl,
isSupportAV: true,
success: function () {
ZoomMtg.join({
signature: response,
apiKey: meetConfig.apiKey,
meetingNumber: meetConfig.meetingNumber,
userName: meetConfig.userName,
// password optional; set by Host
passWord: meetConfig.passWord,
error(res) {
console.log(res)
}
})
}
})
}
)}
return <button onClick={() => getSignature()}>Teste</button>
}
export default Zoom