# ReferenceError: self is not defined

**URL:** <https://devforum.zoom.us/t/referenceerror-self-is-not-defined/86678>\
**Category:** Web\
**Created:** [April 14, 2023, 6:37am UTC](https://devforum.zoom.us/t/referenceerror-self-is-not-defined/86678 "2023-04-14T06:37:38Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![banjare1990](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/banjare1990/32/47569_2.png) [@banjare1990](https://devforum.zoom.us/u/banjare1990)\
**Post date:** [April 14, 2023, 6:37am UTC](https://devforum.zoom.us/t/referenceerror-self-is-not-defined/86678/1 "2023-04-14T06:37:38Z")

</div>

I am not able to upload screenshots here due to company laptop policies, but have added terminal error that I am facing from long time  
^  
ReferenceError: self is not defined  
at Object. (C:\sgp\mh-29-03\sailgp-mediahub\node\_modules@zoomus\websdk\dist\zoomus-websdk-embedded.umd.min.js:2:332)  
at Module.\_compile (internal/modules/cjs/loader.js:1085:14)  
at Object.Module.\_extensions…js (internal/modules/cjs/loader.js:1114:10)  
at Module.load (internal/modules/cjs/loader.js:950:32)  
at Function.Module.\_load (internal/modules/cjs/loader.js:790:12)  
at Module.require (internal/modules/cjs/loader.js:974:19)  
at require (internal/modules/cjs/helpers.js:93:18)  
at Object. (C:\sgp\mh-29-03\sailgp-mediahub\node\_modules@zoomus\websdk\embedded.js:3:18)  
at Module.\_compile (internal/modules/cjs/loader.js:1085:14)  
at Object.Module.\_extensions…js (internal/modules/cjs/loader.js:1114:10)

Implementing this on React jS components with 16.8.4 version node 14.18.1 version

**Which Web Meeting SDK version?**  
2.11

**Device (please complete the following information):**

- Device: Window OS
- OS: Window 10
- Browser: Chrome
- Browser Version : Version 109.0.5414.120 (Official Build) (64-bit)

My components code

import React from ‘react’;  
import ZoomMtgEmbedded from ‘@zoomus/websdk/embedded’;  
import PropTypes from ‘prop-types’;  
import { Cell, Row } from ‘…/Grid’;  
import ‘./zoom.scss’;  
import { fetchPostData } from ‘…/…/utils/fetchApi’;  
import { fetchPageData } from ‘…/…/utils/fetchApiData’;

function Zoom(props) {  
const client = ZoomMtgEmbedded.createClient();  
const { contentfulData, zoomMeetingNumber, password } = props;  
const sdkKey = ‘uBJi1sIkkqBCpB52u7SMlDESRhaxn223HspN’  
const meetingNumber = zoomMeetingNumber  
const passWord = password  
const userName = typeof window !== ‘undefined’ && window.sessionStorage && JSON.parse(sessionStorage.userDetails).firstName  
const userEmail = typeof window !== ‘undefined’ && window.sessionStorage && JSON.parse(sessionStorage.userDetails).email  
const zakToken = ‘’

```
function getSignature(e) {
	e.preventDefault();
	const getZoomMeetingAPIURL = fetchPageData(`event/zoomSignature`);
	getZoomMeetingAPIURL.then(url => {
		const zoomPayLoadBody = {
			meetingNumber: meetingNumber,
			role: 0
		};
		const getZoomData = fetchPostData(url, 'POST', zoomPayLoadBody, true);
		getZoomData
			.then(res => res.json())
			.then(response => {
				startMeeting(response.data)
			}).catch(error => {
				console.error(error)
			})
	})
}

function startMeeting(signature) {
	let meetingSDKElement = document.getElementById('meetingSDKElement');
	client.init({
		debug: true,
		zoomAppRoot: meetingSDKElement,
		language: 'en-US',
		customize: {
			meetingInfo: ['topic', 'host', 'mn', 'pwd', 'telPwd', 'invite', 'participant', 'dc', 'enctype'],
		}
	});

	client.join({
		signature: signature,
		sdkKey: sdkKey,
		meetingNumber: meetingNumber,
		password: passWord,
		userName: userName,
		userEmail: userEmail,
		zak: zakToken
	})
}

return (
	<Row>
		<Cell lgCols={12} mdCols={6} smCols={2}>
			<div id="meetingSDKElement"></div>
			<button onClick={getSignature}>{contentfulData.joinmeeting}</button>
		</Cell>
	</Row>
);

```

}

export default Zoom;

Zoom.propTypes = {  
contentfulData: PropTypes.object,  
joinMeeting: PropTypes.func,  
zoomMeetingNumber: PropTypes.number,  
password: PropTypes.string  
};

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [May 14, 2023, 4:38pm UTC](https://devforum.zoom.us/t/referenceerror-self-is-not-defined/86678/2 "2023-05-14T16:38:30Z")

</div>

Closed on May 14, 2023, 4:38pm UTC

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