SDK meeting - React is not defined

Meeting SDK
1

SDK meeting issue: React is not defined and s.AK.connectSocket is not a function
Please check my screenshot: Screenshot by Lightshot

SDK version: 2.18.2
Angular version: 16.2

I can make sure that I did implement as app.component.ts — zoom/meetingsdk-angular-sample — GitHub1s

@chunsiong.zoom please check

2

@chunsiong.zoom can you check this

3

@tutorsbazaar111 I’ve managed to replicate this, I’ll try to see what we can do to resolve this issue

4

Please let me know when it is resolved

5

@tutorsbazaar111 this should be resolved in newer versions of the sample app

6

Hello. I have same issue
@zoomus/websdk - 2.18.3
react - 16.13.1
when i use https://source.zoom.us/2.18.3/lib - i get 403(forbidden)

const { ZoomMtg } = await import('@zoomus/websdk');

			ZoomMtg.setZoomJSLib('https://source.zoom.us/2.17.0/lib', '/av');
			ZoomMtg.preLoadWasm();
			ZoomMtg.prepareWebSDK();
			ZoomMtg.generateSDKSignature({
				meetingNumber,
				role: role.toString(),
				sdkKey: ZOOM.VIDEOSDK.KEY,
				sdkSecret: ZOOM.VIDEOSDK.SECRET,
				success: (signature: any) => {
					ZoomMtg.init({
						leaveUrl: backUrl || window.location.origin,
						disablePreview: true,
						success: () => {
							document.title = 'mRecords meeting';
							ZoomMtg.join({
								meetingNumber,
								sdkKey: ZOOM.VIDEOSDK.KEY,
								signature: signature.result,
								userName: userName ?? '',
								passWord: password.toString() ?? '',
								tk: '',
								success: () => {
									document.addEventListener('visibilitychange', () => {
										if (document.visibilityState === 'hidden') {
											ZoomMtg.leaveMeeting({
												confirm: false,
												success: () => {
													console.log('success leave');
												},
												error: (error: any) => {
													console.log(error);
												},
											});
										}
									});
									document.title = 'mRecords meeting';
									console.log('<--- Joined --->');
								},
								error: (error: any) => {
									console.log(error);
								},
							});
						},
						error: (error: any) => {
							console.log(error);
						},
					});
				},
				error: (error: any) => {
					console.log(error);
				},
			});
		} catch (error) {
			console.error('Error fetching data:', error);
		}