Issues with ZoomSDK Component View and 720p in React + TypeScript Vite App

Meeting SDK
1

In my React + TypeScript application, created with Vite, and utilizing ZoomSDK component view with the following dependencies:

- "react": "^18.2.0"
- "@zoom/meetingsdk": "^3.1.6"

I’ve encountered the following issues:

  1. The gallery view isn’t enabled, even after following the steps outlined in the article on SharedArrayBuffer.

To address the gallery view issue, I created a service worker using the guidelines provided

https://github.com/gzuidhof/coi-serviceworker to enable the sharedArrayBuffer, which successfully enabled the gallery view.

However, upon enabling sharedArrayBuffer, the 720p is not applied to the speaker view (speaker video resolution is 180p). Conversely, when I disable the sharedArrayBuffer, the gallery view is disabled, but the 720p is applied for the speaker view.

(The support team has enabled 720p on my account.)

  1. Additionally, when I switch to the client view, it’s not working as expected I am getting this error - (Reference Error: _ is not defined).
2

Same exact problem. I have a React 18.2.0 that uses vite.
Calling this lines cause app crash, and logs “_ is not defined”

ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();

It would be great to have some support, thanks.

3

@yalcin.ozer @thetapacademy

Version 3.5.1 is the version which supports React 18. Any version below this, would need to use React 16.