WebSDK Reactjs leave button and more button not working

[weijun.tan (NTUC Income (Zatech))]

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/
• General Troubleshooting: https://devsupport.zoom.us/hc/en-us
• To Submit a Ticket for Unexpected Video SDK Behavior: https://support.zoom.us/hc/en-us
• For General & Integrations Related Guidance: 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

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

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

Screenshots

Troubleshooting Routes
The troubleshooting attempt types you’ve already exhausted, including testing with the appropriate sample app (found on Zoom · GitHub).

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.

[freelancer.nak (Naeem Ahmed)]

@weijun.tan Hi hope you will be fine.

Here are the sessions regarding WebSDK Integrations

• Zoom Meeting SDK Integration with VueJS
• Zoom Meeting SDK Integration with ReactJS
• Zoom Meeting SDK Integration with AngularJS
• NextJS - Zoom WebSDK Component View ← Here described Component View Videos Rendering Sizes
• Zoom Meeting SDK Client View Integration

[weijun.tan (NTUC Income (Zatech))]

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

[freelancer.nak (Naeem Ahmed)]

Can you please try to above features in incognito code?

[chunsiong.zoom (Chun Siong (tag me for response))]

@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.

[weijun.tan (NTUC Income (Zatech))]

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

[chunsiong.zoom (Chun Siong (tag me for response))]

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

[weijun.tan (NTUC Income (Zatech))]

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