Can't start web sdk meeting in react app

I am trying to start a meeting within an existing webapp and am really struggling. The documentation around this is very poor/vague and the error messages are non descript. Here is the code I am using, any suggestions?

const createZoomCall = async ()=> {
try{
const client = ZoomMtgEmbedded.createClient();
let meetingSDKElement = document.getElementById(‘meetingSDKElement’);

client.init({ zoomAppRoot: meetingSDKElement, language: 'en-US' })
const jwt = await getUnauthenticated(`url_to_get_jwt from server`);

I don’t really get any useful error message

client.join({
  sdkKey: "MY_SDK_SECRET",
  signature:jwt,
  meetingNumber : 1,
  password : "",
  userName: "test",
  error: (error) => {
    console.log(error)
  }
})
}
catch (error){
  console.error('Error:', error);
}

}

This is the only error message I get
zoomAppRoot must be defined
at Qae.join (http://localhost:3000/static/js/bundle.js:123481:49)
at createZoomCall (http://localhost:3000/main.030fef7f14c2b8cb939c.hot-update.js:91:14)

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.