# SDK meeting - React is not defined

**URL:** <https://devforum.zoom.us/t/sdk-meeting-react-is-not-defined/101026>\
**Category:** Meeting SDK\
**Created:** [January 2, 2024, 3:34am UTC](https://devforum.zoom.us/t/sdk-meeting-react-is-not-defined/101026 "2024-01-02T03:34:46Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![tutorsbazaar111](https://avatars.discourse-cdn.com/v4/letter/t/b4bc9f/32.png) [@tutorsbazaar111](https://devforum.zoom.us/u/tutorsbazaar111)\
**Post date:** [January 2, 2024, 3:34am UTC](https://devforum.zoom.us/t/sdk-meeting-react-is-not-defined/101026/1 "2024-01-02T03:34:46Z")

</div>

SDK meeting issue: React is not defined and s.AK.connectSocket is not a function  
Please check my screenshot: [Screenshot by Lightshot](https://prnt.sc/Y-QGcLXERLGj)

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](https://github1s.com/zoom/meetingsdk-angular-sample/blob/HEAD/src/app/app.component.ts)

@chunsiong.zoom please check

---

<div class="post-metadata">

**Author:** ![tutorsbazaar111](https://avatars.discourse-cdn.com/v4/letter/t/b4bc9f/32.png) [@tutorsbazaar111](https://devforum.zoom.us/u/tutorsbazaar111)\
**Post date:** [January 3, 2024, 2:38am UTC](https://devforum.zoom.us/t/sdk-meeting-react-is-not-defined/101026/2 "2024-01-03T02:38:44Z")

</div>

@chunsiong.zoom can you check this

---

<div class="post-metadata">

**Author:** ![chunsiong.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/chunsiong.zoom/32/35488_2.png) [@chunsiong.zoom](https://devforum.zoom.us/u/chunsiong.zoom)\
**Post date:** [January 3, 2024, 3:43am UTC](https://devforum.zoom.us/t/sdk-meeting-react-is-not-defined/101026/3 "2024-01-03T03:43:10Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![tutorsbazaar111](https://avatars.discourse-cdn.com/v4/letter/t/b4bc9f/32.png) [@tutorsbazaar111](https://devforum.zoom.us/u/tutorsbazaar111)\
**Post date:** [January 10, 2024, 10:56am UTC](https://devforum.zoom.us/t/sdk-meeting-react-is-not-defined/101026/4 "2024-01-10T10:56:58Z")

</div>

Please let me know when it is resolved

---

<div class="post-metadata">

**Author:** ![chunsiong.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/chunsiong.zoom/32/35488_2.png) [@chunsiong.zoom](https://devforum.zoom.us/u/chunsiong.zoom)\
**Post date:** [February 5, 2024, 5:21am UTC](https://devforum.zoom.us/t/sdk-meeting-react-is-not-defined/101026/5 "2024-02-05T05:21:32Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![chaichka175](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/chaichka175/32/47240_2.png) [@chaichka175](https://devforum.zoom.us/u/chaichka175)\
**Post date:** [February 7, 2024, 2:53pm UTC](https://devforum.zoom.us/t/sdk-meeting-react-is-not-defined/101026/6 "2024-02-07T14:53:47Z")

</div>

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](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);
		}

```