# Getting Error when joining the meetin

**URL:** <https://devforum.zoom.us/t/getting-error-when-joining-the-meetin/103279>\
**Category:** Web\
**Created:** [February 6, 2024, 6:09am UTC](https://devforum.zoom.us/t/getting-error-when-joining-the-meetin/103279 "2024-02-06T06:09:24Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![qwerty1234](https://avatars.discourse-cdn.com/v4/letter/q/3be4f8/32.png) [@qwerty1234](https://devforum.zoom.us/u/qwerty1234)\
**Post date:** [February 6, 2024, 6:09am UTC](https://devforum.zoom.us/t/getting-error-when-joining-the-meetin/103279/1 "2024-02-06T06:09:24Z")

</div>

I am using **@zoom/meetingsdk/embedded** Component view  
When i click on the join button it showing error and when i click second time its allowing me to join the meeting

This is the error message

```auto
chunk-YUEN4NC3.js?v=94aaa529:521 Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot
    at Meeting (http://localhost:3001/src/pages/student/liveClass/meeting/index.tsx?t=1707199403301:26:20)

```

```auto
Uncaught (in promise) TypeError: l10 is not a function
    at @zoom_meetingsdk_embedded.js?v=94aaa529:44587:94
    at d2 (@zoom_meetingsdk_embedded.js?v=94aaa529:91:50)
    at Generator.<anonymous> (@zoom_meetingsdk_embedded.js?v=94aaa529:174:28)
    at Generator.next (@zoom_meetingsdk_embedded.js?v=94aaa529:114:31)
    at O (@zoom_meetingsdk_embedded.js?v=94aaa529:334:30)
    at a2 (@zoom_meetingsdk_embedded.js?v=94aaa529:346:19)
    at @zoom_meetingsdk_embedded.js?v=94aaa529:351:17
    at new Promise (<anonymous>)
    at e10.<anonymous> (@zoom_meetingsdk_embedded.js?v=94aaa529:343:22)
    at e10.join (@zoom_meetingsdk_embedded.js?v=94aaa529:44595:30)
js_media.min.js:1 VP9?: true AMD?: false AMDdecodecheck: true isenbaleHD:true enable720p?: true capacityfor720: false

```

This is the complete code in React+ts

```auto
 useEffect(() => {
    const client = ZoomMtgEmbedded.createClient();

    if (signatureFetched && signature) {
      const meetingSDKElement = document.getElementById("meetingSDKElement");

      if (meetingSDKElement) {
        client.init({ zoomAppRoot: meetingSDKElement, language: "en-US" });
        client.join({
          sdkKey: sdkKey,
          signature: signature,
          meetingNumber: meetingNumber,
          password: password,
          userName: userName,
        });
      }
    }
  }, [signature, signatureFetched]);

  return (
    <div style={{ border: "2px solid red", width: "100vw", height: "90vh" }}>
      <div id="meetingSDKElement"></div>
      <Button onClick={getSignature}>Join Meeting</Button>
    </div>
  );

```

I am using  
“react”: “^18.2.0”,  
“@zoom/meetingsdk”: “^3.1.4”,

---

<div class="post-metadata">

**Author:** ![gianni.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/gianni.zoom/32/32523_2.png) [@gianni.zoom](https://devforum.zoom.us/u/gianni.zoom)\
**Post date:** [February 6, 2024, 10:54pm UTC](https://devforum.zoom.us/t/getting-error-when-joining-the-meetin/103279/2 "2024-02-06T22:54:27Z")

</div>

Hi @qwerty1234 , is this with the sample app?

> **[Zoom Meeting SDK for web](https://developers.zoom.us/docs/meeting-sdk/web/)**
>
> The Zoom Developer Platform is an open platform that allows third-party developers to build applications and integrations upon Zoom’s video-first unified communications platform.

---

<div class="post-metadata">

**Author:** ![qwerty1234](https://avatars.discourse-cdn.com/v4/letter/q/3be4f8/32.png) [@qwerty1234](https://devforum.zoom.us/u/qwerty1234)\
**Post date:** [February 7, 2024, 10:31am UTC](https://devforum.zoom.us/t/getting-error-when-joining-the-meetin/103279/3 "2024-02-07T10:31:03Z")

</div>

I am integrating the zoomsdk component view, same as the documentation provided.

---

<div class="post-metadata">

**Author:** ![gianni.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/gianni.zoom/32/32523_2.png) [@gianni.zoom](https://devforum.zoom.us/u/gianni.zoom)\
**Post date:** [February 7, 2024, 4:31pm UTC](https://devforum.zoom.us/t/getting-error-when-joining-the-meetin/103279/4 "2024-02-07T16:31:21Z")

</div>

Hi @qwerty1234 , are you using this sample app? [GitHub - zoom/meetingsdk-react-sample: Use the Zoom Meeting SDK in React](https://github.com/zoom/meetingsdk-react-sample)

---

<div class="post-metadata">

**Author:** ![qwerty1234](https://avatars.discourse-cdn.com/v4/letter/q/3be4f8/32.png) [@qwerty1234](https://devforum.zoom.us/u/qwerty1234)\
**Post date:** [February 8, 2024, 5:44am UTC](https://devforum.zoom.us/t/getting-error-when-joining-the-meetin/103279/5 "2024-02-08T05:44:07Z")

</div>

I am not using that sample app, i wrote the same logic of code that is in that sample app in my application.

---

<div class="post-metadata">

**Author:** ![gianni.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/gianni.zoom/32/32523_2.png) [@gianni.zoom](https://devforum.zoom.us/u/gianni.zoom)\
**Post date:** [February 8, 2024, 6:25pm UTC](https://devforum.zoom.us/t/getting-error-when-joining-the-meetin/103279/6 "2024-02-08T18:25:06Z")

</div>

Hi @qwerty1234 , please see if you can reproduce with the sample app. Testing issues in the sample app helps decipher if it’s an issue with the release version itself or something in your application.

---

<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:** [March 10, 2024, 4:25am UTC](https://devforum.zoom.us/t/getting-error-when-joining-the-meetin/103279/7 "2024-03-10T04:25:53Z")

</div>

Closed on March 10, 2024, 4:25am UTC

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