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

**URL:** <https://devforum.zoom.us/t/web-sdk-client-view-error-with-react18-vite-on-chrome-c2-is-not-a-function/97000>\
**Category:** Web\
**Tags:** sdk\
**Created:** [October 18, 2023, 2:07pm UTC](https://devforum.zoom.us/t/web-sdk-client-view-error-with-react18-vite-on-chrome-c2-is-not-a-function/97000 "2023-10-18T14:07:07Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![zjoshi](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/zjoshi/32/53113_2.png) [@zjoshi](https://devforum.zoom.us/u/zjoshi)\
**Post date:** [October 18, 2023, 2:07pm UTC](https://devforum.zoom.us/t/web-sdk-client-view-error-with-react18-vite-on-chrome-c2-is-not-a-function/97000/1 "2023-10-18T14:07:07Z")

</div>

**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**

```auto
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**

```auto
        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

---

<div class="post-metadata">

**Author:** ![alexmayo](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/alexmayo/32/27289_2.png) [@alexmayo](https://devforum.zoom.us/u/alexmayo)\
**Post date:** [October 18, 2023, 2:53pm UTC](https://devforum.zoom.us/t/web-sdk-client-view-error-with-react18-vite-on-chrome-c2-is-not-a-function/97000/2 "2023-10-18T14:53:19Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![zjoshi](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/zjoshi/32/53113_2.png) [@zjoshi](https://devforum.zoom.us/u/zjoshi)\
**Post date:** [October 18, 2023, 3:32pm UTC](https://devforum.zoom.us/t/web-sdk-client-view-error-with-react18-vite-on-chrome-c2-is-not-a-function/97000/3 "2023-10-18T15:32:05Z")

</div>

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

---

<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:** [October 19, 2023, 6:33am UTC](https://devforum.zoom.us/t/web-sdk-client-view-error-with-react18-vite-on-chrome-c2-is-not-a-function/97000/4 "2023-10-19T06:33:55Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![alexmayo](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/alexmayo/32/27289_2.png) [@alexmayo](https://devforum.zoom.us/u/alexmayo)\
**Post date:** [October 19, 2023, 7:08am UTC](https://devforum.zoom.us/t/web-sdk-client-view-error-with-react18-vite-on-chrome-c2-is-not-a-function/97000/5 "2023-10-19T07:08:38Z")

</div>

Thanks for confirming 🙂

---

<div class="post-metadata">

**Author:** ![gabriela.guida](https://avatars.discourse-cdn.com/v4/letter/g/bc79bd/32.png) [@gabriela.guida](https://devforum.zoom.us/u/gabriela.guida)\
**Post date:** [October 23, 2023, 2:58pm UTC](https://devforum.zoom.us/t/web-sdk-client-view-error-with-react18-vite-on-chrome-c2-is-not-a-function/97000/6 "2023-10-23T14:58:54Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![zjoshi](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/zjoshi/32/53113_2.png) [@zjoshi](https://devforum.zoom.us/u/zjoshi)\
**Post date:** [October 23, 2023, 3:16pm UTC](https://devforum.zoom.us/t/web-sdk-client-view-error-with-react18-vite-on-chrome-c2-is-not-a-function/97000/7 "2023-10-23T15:16:03Z")

</div>

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

---

<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:** [October 23, 2023, 11:44pm UTC](https://devforum.zoom.us/t/web-sdk-client-view-error-with-react18-vite-on-chrome-c2-is-not-a-function/97000/8 "2023-10-23T23:44:41Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![renbinhu6](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/renbinhu6/32/53297_2.png) [@renbinhu6](https://devforum.zoom.us/u/renbinhu6)\
**Post date:** [October 25, 2023, 1:50pm UTC](https://devforum.zoom.us/t/web-sdk-client-view-error-with-react18-vite-on-chrome-c2-is-not-a-function/97000/9 "2023-10-25T13:50:13Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)\
**Post date:** [October 25, 2023, 6:56pm UTC](https://devforum.zoom.us/t/web-sdk-client-view-error-with-react18-vite-on-chrome-c2-is-not-a-function/97000/10 "2023-10-25T18:56:46Z")

</div>

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

> <https://github.com/zoom/meetingsdk-react-sample/blob/master/package.json>

---

<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:** [November 25, 2023, 4:57am UTC](https://devforum.zoom.us/t/web-sdk-client-view-error-with-react18-vite-on-chrome-c2-is-not-a-function/97000/11 "2023-11-25T04:57:43Z")

</div>

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