# Joining meeting timeout (react app)

**URL:** <https://devforum.zoom.us/t/joining-meeting-timeout-react-app/13097>\
**Category:** Web\
**Created:** [April 14, 2020, 12:36pm UTC](https://devforum.zoom.us/t/joining-meeting-timeout-react-app/13097 "2020-04-14T12:36:34Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ahmed\_Alaa](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ahmed_alaa/32/6051_2.png) [@Ahmed\_Alaa](https://devforum.zoom.us/u/Ahmed_Alaa)\
**Post date:** [April 14, 2020, 12:36pm UTC](https://devforum.zoom.us/t/joining-meeting-timeout-react-app/13097/1 "2020-04-14T12:36:34Z")

</div>

**Description**  
Here is the code on my component :  
const meetConfig = {  
meetingNumber:,  
userName: “”,  
passWord: 0,  
leaveUrl: ‘URL’  
}

```
    ZoomMtg.setZoomJSLib('https://source.zoom.us/1.7.5/lib', '/av')
    ZoomMtg.preLoadWasm();
    ZoomMtg.prepareJssdk();

    ZoomMtg.generateSignature({
      meetingNumber: meetConfig.meetingNumber,
      apiKey: API_KEY,
      apiSecret: API_SECRET,
      role: 1,
      success (res) {
        console.log('signature', res.result)
        ZoomMtg.init({
          leaveUrl: meetConfig.leaveUrl,
          disableCallOut: true,
          disableRecord: true,
          isSupportQA: false,
          isSupportCC: false,
          showPureSharingContent: false,
          screenShare: false,
          disableJoinAudio: false,
          audioPanelAlwaysOpen: false,
          isSupportChat: true,
          videoDrag: false,
          disableInvite: true,
          success () {
            ZoomMtg.join(
              {
                meetingNumber: meetConfig.meetingNumber,
                userName: meetConfig.userName,
                signature: res.result,
                apiKey: API_KEY,
                passWord: meetConfig.passWord,
                success () {
                  console.log('join meeting success')
                },
                error (res) {
                  console.log('Error generating signature')
                  console.log(res)
                }
              }
            )
          },
          error (res) {
            console.log(res)
          }
        })
      }
    })

```

**Error**

 ![Screenshot from 2020-04-14 14-30-44](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/b/bd9a6f21dbcb5298ae051b2738becb9f9686e414.png)

**Which version?**  
1.7.5

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [April 15, 2020, 5:46am UTC](https://devforum.zoom.us/t/joining-meeting-timeout-react-app/13097/2 "2020-04-15T05:46:47Z")

</div>

Hey @Ahmed_Alaa,

Make sure you are using a valid meeting ID, and a [JWT App type for the Key and Secret.](https://marketplace.zoom.us/docs/guides/getting-started/app-types/create-jwt-app)

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![Ahmed\_Alaa](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ahmed_alaa/32/6051_2.png) [@Ahmed\_Alaa](https://devforum.zoom.us/u/Ahmed_Alaa)\
**Post date:** [April 15, 2020, 8:59am UTC](https://devforum.zoom.us/t/joining-meeting-timeout-react-app/13097/3 "2020-04-15T08:59:53Z")

</div>

It solveds by using valid meeting id  
thank you

---

<div class="post-metadata">

**Author:** ![nich](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/nich/32/6146_2.png) [@nich](https://devforum.zoom.us/u/nich)\
**Post date:** [April 15, 2020, 12:35pm UTC](https://devforum.zoom.us/t/joining-meeting-timeout-react-app/13097/4 "2020-04-15T12:35:45Z")

</div>

Hey, I have the same issue. I cloned `sample-app-web` today and facing the same error as the screenshot above. How do I know which meetingId to put? Does the meeting have to be started elsewhere first?

---

<div class="post-metadata">

**Author:** ![Ahmed\_Alaa](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ahmed_alaa/32/6051_2.png) [@Ahmed\_Alaa](https://devforum.zoom.us/u/Ahmed_Alaa)\
**Post date:** [April 15, 2020, 12:53pm UTC](https://devforum.zoom.us/t/joining-meeting-timeout-react-app/13097/5 "2020-04-15T12:53:18Z")

</div>

Hello @nich

> **[Video Conferencing, Web Conferencing, Webinars, Screen Sharing](https://zoom.us/signin)**
>
> Zoom is the leader in modern enterprise video communications, with an easy, reliable cloud platform for video and audio conferencing, chat, and webinars across mobile, desktop, and room systems. Zoom Rooms is the original software-based conference...

  
here you can schedule meeting and u will find meeting id you can generate new one or your personal meeting id  
just take a look at the link and click on schedule a new meeting button

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [April 16, 2020, 9:23pm UTC](https://devforum.zoom.us/t/joining-meeting-timeout-react-app/13097/6 "2020-04-16T21:23:26Z")

</div>

Hey @Ahmed_Alaa,

Thanks for providing a real meeting id! Glad you go it working! 🙂

@nich, you will have to create and start a Zoom meeting first. You can do this with the Zoom app, the [Zoom Web Portal](https://zoom.us/meeting), or the [Create Meeting API.](https://marketplace.zoom.us/docs/api-reference/zoom-api/meetings/meetingcreate)

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![titiktemu](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/titiktemu/32/12731_2.png) [@titiktemu](https://devforum.zoom.us/u/titiktemu)\
**Post date:** [July 30, 2020, 3:36am UTC](https://devforum.zoom.us/t/joining-meeting-timeout-react-app/13097/7 "2020-07-30T03:36:36Z")

</div>

Hey @Ahmed_Alaa and @tommy , Can you share with us your setting on React App?

I’m currently trying to setting it up, but still have no luck.

This is my setting so far

```
ZoomMtg.preLoadWasm();
ZoomMtg.setZoomJSLib('https://source.zoom.us/1.7.5/lib', '/av')
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();

ZoomMtg.generateSignature({
  meetingNumber: meetConfig.meetingNumber,
  apiKey: process.env.TITIKTEMU_ZOOM_API_KEY,
  apiSecret: process.env.TITIKTEMU_ZOOM_API_SECRET,
  role: 1,
  success (res) {
    console.log('signature', res.result)
    ZoomMtg.init({
      leaveUrl: meetConfig.leaveUrl,
      disableCallOut: true,
      disableRecord: true,
      isSupportQA: false,
      isSupportCC: false,
      showPureSharingContent: false,
      screenShare: false,
      disableJoinAudio: false,
      audioPanelAlwaysOpen: false,
      isSupportChat: true,
      videoDrag: false,
      disableInvite: true,
      success () {
        ZoomMtg.join(
          {
            meetingNumber: meetConfig.meetingNumber,
            userName: meetConfig.userName,
            signature: res.result,
            apiKey: API_KEY,
            passWord: meetConfig.passWord,
            success () {
              console.log('join meeting success')
            },
            error (res) {
              console.log('Error generating signature')
              console.log(res)
            }
          }
        )
      },
      error (res) {
        console.log(res)
      }
    })
  }
})

```

Thanks for the help

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [July 31, 2020, 3:55pm UTC](https://devforum.zoom.us/t/joining-meeting-timeout-react-app/13097/8 "2020-07-31T15:55:01Z")

</div>

Hey @titiktemu,

Have you followed the NPM Install and setup guide?

> **[@zoomus/websdk](https://www.npmjs.com/package/@zoomus/websdk)**
>
> Zoom Web SDK

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![titiktemu](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/titiktemu/32/12731_2.png) [@titiktemu](https://devforum.zoom.us/u/titiktemu)\
**Post date:** [July 31, 2020, 6:31pm UTC](https://devforum.zoom.us/t/joining-meeting-timeout-react-app/13097/9 "2020-07-31T18:31:01Z")

</div>

Hey @tommy, yes i have installed and stuck on set the config var

Below are my React component so far

```
componentDidMount() {

    const signatureEndpoint = 'https://titiktemu-zoom.herokuapp.com/'

    const apiKey = process.env.TITIKTEMU_ZOOM_API_KEY

    const meetingNumber = 123456789

    const role = 0

    const leaveUrl = 'http://localhost:9999'

    const userName = 'WebSDK'

    const userEmail = ''

    const passWord = ''

    ZoomMtg.preLoadWasm();

    ZoomMtg.setZoomJSLib('https://source.zoom.us/1.7.5/lib', '/av')

    ZoomMtg.prepareJssdk();

    ZoomMtg.generateSignature({

      meetingNumber: meetingNumber,

      apiKey: apiKey,

      apiSecret: process.env.TITIKTEMU_ZOOM_API_SECRET,

      role: role,

      success (res) {

        console.log('signature', res.result)

        const signature = res.result

        ZoomMtg.init({

          leaveUrl: leaveUrl,

          disableCallOut: true,

          disableRecord: true,

          isSupportQA: false,

          isSupportCC: false,

          showPureSharingContent: false,

          screenShare: false,

          disableJoinAudio: false,

          audioPanelAlwaysOpen: false,

          isSupportChat: true,

          videoDrag: false,

          disableInvite: true,

          success () {

            ZoomMtg.join(

              {

                meetingNumber: meetingNumber,

                userName: userName,

                signature: signature,

                apiKey: apiKey,

                passWord: passWord,

                success () {

                  console.log('join meeting success')

                },

                error (res) {

                  console.log('Error generating signature')

                  console.log(res)

                }

              }

            )

          },

          error (res) {

            console.log(res)

          }

        })

      }

    })

  } 

```

The problem are how i can render the component?

Can you help me to point out where i’m missing?

---

<div class="post-metadata">

**Author:** ![hs99215](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/hs99215/32/11564_2.png) [@hs99215](https://devforum.zoom.us/u/hs99215)\
**Post date:** [August 24, 2020, 10:56am UTC](https://devforum.zoom.us/t/joining-meeting-timeout-react-app/13097/10 "2020-08-24T10:56:56Z")

</div>

@Tommy can you please tell me if i am using OAuth App for meeting then can i use we sdk for create signature and start meeting ?  
Another thing is if i am using JWT app for signature then can i use meeting host by 0Auth account ??

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [August 26, 2020, 7:57pm UTC](https://devforum.zoom.us/t/joining-meeting-timeout-react-app/13097/11 "2020-08-26T19:57:54Z")

</div>

Hey @hs99215,

Checkout my post here about using OAuth and the Web SDK:

> [@Start a meeting on behalf of a user - Web SDK with OAuth](https://devforum.zoom.us/t/regarding-the-zoom-meeting-setup-in-my-website/27245/2):
>
> Hey @mayank.patel, We discourage asking customers to share their JWT Credentials with developers. I do see the headache here how you can’t use OAuth to start meetings for a user via the Web SDK since the Web SDK can only start meetings owned by the same account as the JWT App. I will share this feedback with our team and see if we can expand the Web SDK authentication to allow authorized users to start their own meetings. (CS-2206) In the meantime, I suggest having the host of the meeting s…

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [August 26, 2020, 7:59pm UTC](https://devforum.zoom.us/t/joining-meeting-timeout-react-app/13097/12 "2020-08-26T19:59:33Z")

</div>

Hey @titiktemu,

Please try using the latest version of the Web SDK, 1.8.0.

Version 1.7.6 and below are deprecated.

Thanks,  
Tommy