Web SDK Client view error with React18 + Vite on Chrome - c2 is not a function

Meeting SDK Web
1

Description

I am trying to use client view in my web app that uses react and vite. I get this error On Chrome:
Uncaught TypeError: c2 is not a function.

Is there a way to get around this? I tried to use component view, but making it responsive is a nightmare and I need this video view to be responsive and fill up the screen on desktop and mobile, so I really would like to use client view. What can I do?

Browser Console Error

Uncaught TypeError: c2 is not a function
    at Rn (zoomus-websdk.umd.min.js:2:4159142)
    at 88335 (zoomus-websdk.umd.min.js:2:3806181)
    at u (zoomus-websdk.umd.min.js:2:8325665)
    at 90050 (zoomus-websdk.umd.min.js:2:1996548)
    at u (zoomus-websdk.umd.min.js:2:8325665)
    at 16316 (zoomus-websdk.umd.min.js:2:1298961)
    at u (zoomus-websdk.umd.min.js:2:8325665)
    at 60767 (zoomus-websdk.umd.min.js:2:3819950)
    at u (zoomus-websdk.umd.min.js:2:8325665)
    at 60488 (zoomus-websdk.umd.min.js:2:3991094)

Which Web Meeting SDK version?
2.16.0

Meeting SDK Code Snippets

        ZoomMtg.init({
          debug: true,
          leaveUrl: '/',
          success: (success: any) => {
            console.log(success);

            ZoomMtg.join({
              sdkKey: SDKKEY,
              signature: signature,
              meetingNumber: zoomConfig.meetingNumber,
              passWord: zoomConfig.password,
              userName: zoomConfig.userName,
              success: (success: any) => {
                console.log(success);
              },
              error: (error: any) => {
                console.log(error);
              },
            });
          },
          error: (error: any) => {
            console.log('Error starting Zoom meetin 58', error);
          },
        });

Troubleshooting Routes
I tried to use an older version of Vite AND react, still same issue

Device (please complete the following information):

  • Device: Mac
  • OS: macOs 12
  • Browser: Chrome
2

Hi @zjoshi

I believe Zoom only supports up to React 16, so if you are running higher than that I would suggest downgrading and attempting to run again.

Thanks,
Alex

3

Tried it with React 17, I get the same behavior. I feel like this has something to do with vite

4

@zjoshi @alexmayo client view supports only react 16 at the time of this post

5

Thanks for confirming :slight_smile:

6

@alexmayo Hello Alex
I had the same issue running it in sveltekit v4.0.0 + Vite v4.2.0
Is it possible to use client view in sveltekit?

7

@chunsiong.zoom Thats unfortunate. Do you know if/when client view will be available in react 18?

8

@zjoshi , there are plans to do so, but there are no fixed dates yet

9

@zjoshi Hi, did you successfully solve this problem after downgrading the React version to 16? After reading this post, I tried to lock the react version to 16.14.0, but the same error still occurred.

10

@renbinhu6 ,
Have you tried to use the same react version found in the Sample App:

11

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