# WebSDK Reactjs leave button and more button not working

**URL:** <https://devforum.zoom.us/t/websdk-reactjs-leave-button-and-more-button-not-working/83250>\
**Category:** Web\
**Created:** [February 16, 2023, 9:56am UTC](https://devforum.zoom.us/t/websdk-reactjs-leave-button-and-more-button-not-working/83250 "2023-02-16T09:56:29Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![weijun.tan](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/weijun.tan/32/38508_2.png) [@weijun.tan](https://devforum.zoom.us/u/weijun.tan)\
**Post date:** [February 16, 2023, 9:56am UTC](https://devforum.zoom.us/t/websdk-reactjs-leave-button-and-more-button-not-working/83250/1 "2023-02-16T09:56:29Z")

</div>

### Before Creating a New Topic:

_If you’re experiencing unexpected Video SDK behavior please search the forum with relevant keywords (e.x. error message) and follow the guidance outlined in those posts. Please also leverage the following support links:_

- Zoom Developer Changelog for Dev Product Changes: [https://marketplace.zoom.us/docs/guides/stay-up-to-date/changelog/](https://marketplace.zoom.us/docs/guides/stay-up-to-date/changelog/)
- General Troubleshooting: [Support](https://devsupport.zoom.us/hc/en-us)
- To Submit a Ticket for Unexpected Video SDK Behavior: [Official Zoom Support | Help Center](https://support.zoom.us/hc/en-us)
- For General & Integrations Related Guidance: [https://community.zoom.com/](https://community.zoom.com/)

* * *

**Description**  
when I start a meeting in chrome, and click the leave button, the button not work

**Browser Console Error**  
no error

**Which Web Meeting SDK version?**  
the sdk version is 2.9.7  
the react version is 17.0.2

**Meeting SDK Code Snippets**

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/b/7/b72e9211bb4bb354e1ef033f0b683d584c29f955.png)

**To Reproduce(If applicable)**  
Steps to reproduce the behavior:

1. Go to ‘…’
2. Click on ‘…’
3. Scroll down to ‘…’
4. See error

**Screenshots**  
 ![20230216-175411](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/5/5/55fa624d3a6bcdfca1f51994894bc222a7a1168a.gif)

**Troubleshooting Routes**  
The troubleshooting attempt types you’ve already exhausted, including testing with the appropriate sample app (found on [Zoom · GitHub](https://github.com/zoom)).

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

- Device:PC
- Browser: Chrome
- Browser Version 110.0.5481.77

**Additional context**  
Add any other context about the problem here.

---

<div class="post-metadata">

**Author:** ![freelancer.nak](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/freelancer.nak/32/40968_2.png) [@freelancer.nak](https://devforum.zoom.us/u/freelancer.nak)\
**Post date:** [February 16, 2023, 10:01am UTC](https://devforum.zoom.us/t/websdk-reactjs-leave-button-and-more-button-not-working/83250/2 "2023-02-16T10:01:06Z")

</div>

@weijun.tan Hi hope you will be fine.

Here are the sessions regarding WebSDK Integrations

- [Zoom Meeting SDK Integration with VueJS](https://youtu.be/CMpe56VoTTo)
- [Zoom Meeting SDK Integration with ReactJS](https://youtu.be/4BgkLvH7T0Y)
- [Zoom Meeting SDK Integration with AngularJS](https://youtu.be/utXjISjjHOY)
- [NextJS - Zoom WebSDK Component View](https://youtu.be/mwta4hZOtpc) ← Here described Component View Videos Rendering Sizes
- [Zoom Meeting SDK Client View Integration](https://youtu.be/zaIhI_BZKJo)

---

<div class="post-metadata">

**Author:** ![weijun.tan](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/weijun.tan/32/38508_2.png) [@weijun.tan](https://devforum.zoom.us/u/weijun.tan)\
**Post date:** [February 16, 2023, 11:10am UTC](https://devforum.zoom.us/t/websdk-reactjs-leave-button-and-more-button-not-working/83250/3 "2023-02-16T11:10:07Z")

</div>

I think the sdk config is same the video, but leave button and more button not work，click the button，not report error,and not leave the meeting

---

<div class="post-metadata">

**Author:** ![freelancer.nak](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/freelancer.nak/32/40968_2.png) [@freelancer.nak](https://devforum.zoom.us/u/freelancer.nak)\
**Post date:** [February 16, 2023, 11:38am UTC](https://devforum.zoom.us/t/websdk-reactjs-leave-button-and-more-button-not-working/83250/4 "2023-02-16T11:38:03Z")

</div>

Can you please try to above features in incognito code?

---

<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 17, 2023, 7:05am UTC](https://devforum.zoom.us/t/websdk-reactjs-leave-button-and-more-button-not-working/83250/5 "2023-02-17T07:05:18Z")

</div>

@weijun.tan

For client view, you will need to use the react version 16.8.6

I’ve seen on the other thread, you have attempted to use react version 18 as well, and that resulted in the black screen.

An alternative solution would be to use component view. Component view supports higher version of react.

---

<div class="post-metadata">

**Author:** ![weijun.tan](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/weijun.tan/32/38508_2.png) [@weijun.tan](https://devforum.zoom.us/u/weijun.tan)\
**Post date:** [February 17, 2023, 7:36am UTC](https://devforum.zoom.us/t/websdk-reactjs-leave-button-and-more-button-not-working/83250/6 "2023-02-17T07:36:29Z")

</div>

Thanks !!! but I see in the zoom sample demo, that react uses 17.0.1, and the zoom SDK use version 2.9.7

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/9/3/9304fb7ed162bf76c7e659cf6a11df788b872e8c.png)

---

<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 17, 2023, 8:16am UTC](https://devforum.zoom.us/t/websdk-reactjs-leave-button-and-more-button-not-working/83250/7 "2023-02-17T08:16:47Z")

</div>

thanks for highlighting that @weijun.tan .

I’ve tried running this project with react@17.0.1 and react-dom@17.0.1.  
There are some minor issues encountered. We will update this app to use the compatible version of reach

---

<div class="post-metadata">

**Author:** ![weijun.tan](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/weijun.tan/32/38508_2.png) [@weijun.tan](https://devforum.zoom.us/u/weijun.tan)\
**Post date:** [February 17, 2023, 9:04am UTC](https://devforum.zoom.us/t/websdk-reactjs-leave-button-and-more-button-not-working/83250/8 "2023-02-17T09:04:12Z")

</div>

Thanks more!!! I will try to use react 16.8.6

---

<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 19, 2023, 7:04pm UTC](https://devforum.zoom.us/t/websdk-reactjs-leave-button-and-more-button-not-working/83250/9 "2023-03-19T19:04:19Z")

</div>

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