# Zoom web SDK : Leave button, more button, reaction button, not working

**URL:** <https://devforum.zoom.us/t/zoom-web-sdk-leave-button-more-button-reaction-button-not-working/90050>\
**Category:** Web\
**Created:** [June 13, 2023, 5:41am UTC](https://devforum.zoom.us/t/zoom-web-sdk-leave-button-more-button-reaction-button-not-working/90050 "2023-06-13T05:41:21Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![kafqa](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/kafqa/32/48489_2.png) [@kafqa](https://devforum.zoom.us/u/kafqa)\
**Post date:** [June 13, 2023, 5:41am UTC](https://devforum.zoom.us/t/zoom-web-sdk-leave-button-more-button-reaction-button-not-working/90050/1 "2023-06-13T05:41:21Z")

</div>

**Description**  
I have integrated the latest Zoom Web SDK version 2.13.0. I am able to go inside the meeting but the 3 buttons ie leave meeting,reaction,more, are not working rest other buttons such as audio/video/share/participants, they are working. I am even not getting any error

**Browser Console Error**  
No Error as no event is getting triggered while click on those buttons

**Which Web Meeting SDK version?**  
npm i @zoomus/websdk - 2.13.0

**Meeting SDK Code Snippets**  
ZoomMtg.init({  
leaveUrl: “[http://localhost:3000/](http://localhost:3000/)”,  
success: (success) =\> {  
ZoomMtg.join({  
sdkKey: sdkKey,  
signature: signature,  
meetingNumber: meetingNumber,  
passWord: passWord,  
userName: userName,  
tk: tk,  
success: (success) =\> {  
console.log(“00000000”, success);  
},  
error: (error) =\> {  
console.log(“9999999”, error);  
},  
});  
},  
error: (error) =\> {  
console.log(“--------------”, error);  
},  
// error: (error) =\> console.log(error)  
});

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

- Device: Macbook Air, Lenovo
- OS: macOS Ventura 13, windows 11
- Browser: Chrome, Safari

**Additional context**  
Not able to upload the recording or screenshot of issue for better understanding

---

<div class="post-metadata">

**Author:** ![j.schoenemeyer](https://avatars.discourse-cdn.com/v4/letter/j/f9ae1b/32.png) [@j.schoenemeyer](https://devforum.zoom.us/u/j.schoenemeyer)\
**Post date:** [June 13, 2023, 5:45am UTC](https://devforum.zoom.us/t/zoom-web-sdk-leave-button-more-button-reaction-button-not-working/90050/2 "2023-06-13T05:45:55Z")

</div>

are us using React 17 or 18 in your app?

---

<div class="post-metadata">

**Author:** ![kafqa](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/kafqa/32/48489_2.png) [@kafqa](https://devforum.zoom.us/u/kafqa)\
**Post date:** [June 13, 2023, 6:17am UTC](https://devforum.zoom.us/t/zoom-web-sdk-leave-button-more-button-reaction-button-not-working/90050/3 "2023-06-13T06:17:55Z")

</div>

Using react 17.0.1 in our application

---

<div class="post-metadata">

**Author:** ![j.schoenemeyer](https://avatars.discourse-cdn.com/v4/letter/j/f9ae1b/32.png) [@j.schoenemeyer](https://devforum.zoom.us/u/j.schoenemeyer)\
**Post date:** [June 13, 2023, 6:39am UTC](https://devforum.zoom.us/t/zoom-web-sdk-leave-button-more-button-reaction-button-not-working/90050/4 "2023-06-13T06:39:48Z")

</div>

zoom meeting sdk is using [v16.13.0](https://source.zoom.us/2.13.0/lib/vendor/react.min.js) and is not compatible with newer major versions

---

<div class="post-metadata">

**Author:** ![kafqa](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/kafqa/32/48489_2.png) [@kafqa](https://devforum.zoom.us/u/kafqa)\
**Post date:** [June 13, 2023, 7:28am UTC](https://devforum.zoom.us/t/zoom-web-sdk-leave-button-more-button-reaction-button-not-working/90050/5 "2023-06-13T07:28:01Z")

</div>

But the lower version of zoom meeting web sdk was working well with react 17.0.0 which we already had in our application. We can’t downgrade the react version as there are other dependencies which only works on 17.0.0 version. Any other solution? Can’t we customise ?

---

<div class="post-metadata">

**Author:** ![j.schoenemeyer](https://avatars.discourse-cdn.com/v4/letter/j/f9ae1b/32.png) [@j.schoenemeyer](https://devforum.zoom.us/u/j.schoenemeyer)\
**Post date:** [June 13, 2023, 11:27am UTC](https://devforum.zoom.us/t/zoom-web-sdk-leave-button-more-button-reaction-button-not-working/90050/6 "2023-06-13T11:27:51Z")

</div>

the problem with the “Leave Button” + React 17 is not new

2.11.0 (March 2023)

> [@Leave button is not working in upgraded meeting sdk app in NextJs](https://devforum.zoom.us/t/leave-button-is-not-working-in-upgraded-meeting-sdk-app-in-nextjs/86728):
>
> I am using new meeting sdk type app but somehow leave button doesnt work no matter how many times i click the button. I am passing leaveurl correctly as far as i can see. Here is my code: import { useEffect } from 'react'; import { apiReq } from '../redux/methods/RequestMethods'; import { useRouter } from 'next/router'; import { authonticateAccess } from '../helpers/accessHelper'; import { SetMeetingLoader } from '../redux/actions/sessionAction'; import { useDispatch } from 'react-redux'; impor…

2.97 (Feb 2023)

> [@WebSDK Reactjs leave button and more button not working](https://devforum.zoom.us/t/websdk-reactjs-leave-button-and-more-button-not-working/83250/6):
>
> Thanks !!! but I see in the zoom sample demo, that react uses 17.0.1, and the zoom SDK use version 2.9.7

2.7.0 (Aug 2022) - but not enough infos

> [@WebSDK Reactjs leave button not working](https://devforum.zoom.us/t/websdk-reactjs-leave-button-not-working/76626):
>
> In WEB SDK using Reactjs In Client View, the leave button does not log and does not do any action. need help to fix this issue I’m using Version 2.7.0

---

<div class="post-metadata">

**Author:** ![kafqa](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/kafqa/32/48489_2.png) [@kafqa](https://devforum.zoom.us/u/kafqa)\
**Post date:** [June 14, 2023, 4:42am UTC](https://devforum.zoom.us/t/zoom-web-sdk-leave-button-more-button-reaction-button-not-working/90050/7 "2023-06-14T04:42:56Z")

</div>

So, what you suggest is we downgrade the react version or downgrade zoom web sdk version which is compatible with react 17 version ? My problem is we can’t downgrade react 17 version since other libraries in our application is in sync with react 17 version. Please suggest

---

<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:** [June 14, 2023, 5:07am UTC](https://devforum.zoom.us/t/zoom-web-sdk-leave-button-more-button-reaction-button-not-working/90050/8 "2023-06-14T05:07:53Z")

</div>

For MSDK Client View, it is recommended to be on React 16.  
For MSDK Component View, it works with React 17 and React 18.

---

<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:** [July 14, 2023, 3:07pm UTC](https://devforum.zoom.us/t/zoom-web-sdk-leave-button-more-button-reaction-button-not-working/90050/9 "2023-07-14T15:07:54Z")

</div>

Closed on July 14, 2023, 3:07pm UTC

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