# Zoomus-jssdk for React 16

**URL:** <https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832>\
**Category:** Web\
**Created:** [April 2, 2019, 7:33pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832 "2019-04-02T19:33:12Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![trainmoo](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/trainmoo/32/575_2.png) [@trainmoo](https://devforum.zoom.us/u/trainmoo)\
**Post date:** [April 2, 2019, 7:33pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/1 "2019-04-02T19:33:13Z")

</div>

I have an existing app running with react 16. When I tried to add zoomus-jssdk package, it is throwing this error -  
Uncaught TypeError: Cannot read property ‘bool’ of undefined  
at Object. (app.js:201861)  
at t (app.js:201826)  
at Object. (app.js:201884)  
at t (app.js:201826)  
at Object. (app.js:201831)  
at t (app.js:201826)  
at Object. (app.js:201831)  
at t (app.js:201826)  
at Object. (app.js:201850)  
at t (app.js:201826)

How should I make this package work with my app? Please note that it is not possible for me to downgrade my app react version to 15.

Thanks

---

<div class="post-metadata">

**Author:** ![ojus.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ojus.zoom/32/734_2.png) [@ojus.zoom](https://devforum.zoom.us/u/ojus.zoom)\
**Post date:** [April 4, 2019, 5:43pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/2 "2019-04-04T17:43:30Z")

</div>

Hi,

We are working on this issue, I will respond to you as soon as I have any updates.

Thanks

---

<div class="post-metadata">

**Author:** ![ojus.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ojus.zoom/32/734_2.png) [@ojus.zoom](https://devforum.zoom.us/u/ojus.zoom)\
**Post date:** [May 14, 2019, 11:03pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/3 "2019-05-14T23:03:03Z")

</div>

Hi @trainmoo,

Please accept my apologies for the delayed response.

Can you please let us know why you would not be able to use React version 15 in your app?

Thanks,  
Ojus

---

<div class="post-metadata">

**Author:** ![magus52941](https://avatars.discourse-cdn.com/v4/letter/m/898d66/32.png) [@magus52941](https://devforum.zoom.us/u/magus52941)\
**Post date:** [May 28, 2019, 8:12am UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/4 "2019-05-28T08:12:43Z")

</div>

I have the same problem.  
Our application was built on react.js v16, and we enjoyed the new features from v16 such as react hooks.  
Therefore, it seems there is no reason to downgrade react version.  
Does Zoom web SDK have the plan to support react v16?

---

<div class="post-metadata">

**Author:** ![carson.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/carson.zoom/32/785_2.png) [@carson.zoom](https://devforum.zoom.us/u/carson.zoom)\
**Post date:** [May 28, 2019, 11:27pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/5 "2019-05-28T23:27:51Z")

</div>

Hi magus52941,  
Thanks for using Zoom SDK. We understand the benefits of supporting React 16 and I will take it as a feature request and pass it to our engineers. We will investigate and look into this. Please follow our Github repo for any updates.

Thanks!

---

<div class="post-metadata">

**Author:** ![nezto](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/nezto/32/1668_2.png) [@nezto](https://devforum.zoom.us/u/nezto)\
**Post date:** [August 27, 2019, 5:13am UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/6 "2019-08-27T05:13:01Z")

</div>

I have the same problem with React 16

---

<div class="post-metadata">

**Author:** ![nezto](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/nezto/32/1668_2.png) [@nezto](https://devforum.zoom.us/u/nezto)\
**Post date:** [August 27, 2019, 3:23pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/7 "2019-08-27T15:23:23Z")

</div>

I have a create-react-app, in development it’s working fine, but on production trigger this error

backend.js:1 TypeError: Super expression must either be null or a function, not undefined  
at zoomus-jssdk.umd.min.js:38208  
at zoomus-jssdk.umd.min.js:38207  
at Object.e.exports (zoomus-jssdk.umd.min.js:38193)  
at t (zoomus-jssdk.umd.min.js:38146)  
at e.exports (zoomus-jssdk.umd.min.js:38150)  
at Object.e.exports (zoomus-jssdk.umd.min.js:38138)  
at n (zoomus-jssdk.umd.min.js:15)  
at Object.e.exports (zoomus-jssdk.umd.min.js:10826)  
at n (zoomus-jssdk.umd.min.js:15)  
at Object.e.exports (zoomus-jssdk.umd.min.js:34240)

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [August 27, 2019, 3:48pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/8 "2019-08-27T15:48:50Z")

</div>

Duplicate post:

> [@React 16 error on after build](https://devforum.zoom.us/t/react-16-error-on-after-build/5693):
>
> I have a create-react-app, in development it’s working fine, but on production trigger this error backend.js:1 TypeError: Super expression must either be null or a function, not undefined at zoomus-jssdk.umd.min.js:38208 at zoomus-jssdk.umd.min.js:38207 at Object.e.exports (zoomus-jssdk.umd.min.js:38193) at t (zoomus-jssdk.umd.min.js:38146) at e.exports (zoomus-jssdk.umd.min.js:38150) at Object.e.exports (zoomus-jssdk.umd.min.js:38138) at n (zoomus-jssdk.umd.min.js:15) at Object.e.expor…

---

<div class="post-metadata">

**Author:** ![mahabub](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mahabub/32/2599_2.png) [@mahabub](https://devforum.zoom.us/u/mahabub)\
**Post date:** [December 14, 2019, 9:43am UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/9 "2019-12-14T09:43:33Z")

</div>

I was faced the same problem. I have applied same as @nezto suggest. my project in angular so i have create my own custom-webpack.config.js and applied the code in side other code

```auto
minimizer: [
new UglifyJsPlugin({
uglifyOptions: { keep_fnames: true }
})

```

Now I am facing other problems due to custom-webpack.config.js

My custom-webpack.config.js is below

```auto
const { resolve } = require('path');
const rxPaths = require('rxjs/_esm5/path-mapping');
const UglifyJSPlugin = require('uglifyjs-webpack-plugin');
const { CleanCssWebpackPlugin } = require('@angular-devkit/build-angular/src/angular-cli-files/plugins/cleancss-webpack-plugin');
const { HashedModuleIdsPlugin } = require('webpack');

module.exports = {

  mode: 'production',

  entry: {
    main: './src/main.ts',
    polyfills: './src/polyfills.ts',
    styles: './src/styles.css'
  },

  output: {
    path: resolve('./dist'),
    filename: '[name].js',
  },

  resolve: {
    extensions: ['.ts', '.js'],
    alias: rxPaths()
  },

  node: false,

  performance: {
    hints: false,
  },

  optimization: {
    noEmitOnErrors: true,
    runtimeChunk: 'single',
    splitChunks: {
      cacheGroups: {
        default: {
          chunks: 'async',
          minChunks: 2,
          priority: 10
        },
        common: {
          name: 'common',
          chunks: 'async',
          minChunks: 2,
          enforce: true,
          priority: 5
        },
        vendors: false,
        vendor: false
      }
    },
    minimizer: [
      new HashedModuleIdsPlugin(),
      new UglifyJSPlugin({
        cache: true,
        parallel: true,
        uglifyOptions: {
          keep_fnames: true,
          safari10: true,
          output: {
            ascii_only: true,
            comments: false,
            webkit: true,
          },
          compress: {
            pure_getters: true,
            passes: 3,
            inline: 3,
          }
        }
      }),
      new CleanCssWebpackPlugin({
        test: (file) => /\.(?:css)$/.test(file),
      })
    ]
  }
};

```

Is their any simple solution in your side (I mean to zoom developer).

My product need to launch by December so please help me to solve this issue.

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [December 16, 2019, 4:50pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/10 "2019-12-16T16:50:06Z")

</div>

Hey @mahabub, thanks for posting and using Zoom!

> [@mahabub](#):
>
> Now I am facing other problems due to custom-webpack.config.js

What errors or specific problem are you experiencing?

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![digivalsolutions](https://avatars.discourse-cdn.com/v4/letter/d/9fc29f/32.png) [@digivalsolutions](https://devforum.zoom.us/u/digivalsolutions)\
**Post date:** [January 4, 2020, 2:51pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/11 "2020-01-04T14:51:20Z")

</div>

Can you please share how to integrate zoomsdk inside react component and how to modify webpack script ?

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [January 6, 2020, 5:21pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/12 "2020-01-06T17:21:46Z")

</div>

Hey @digivalsolutions,

Please see the duplicate thread:

> [@React 16 error on after build](https://devforum.zoom.us/t/react-16-error-on-after-build/5693/3):
>
> Hi, this is my code: import React from "react"; import { connect } from "react-redux"; import { ZoomMtg } from "zoomus-jssdk"; import Cliente from "../../api/cliente"; import token from "../../helpers/token"; const API\_KEY = ""; const meetConfig = { apiKey: API\_KEY, meetingNumber:, userName: "", passWord: "", leaveUrl: window.origin, role: 0 }; class Page extends React.Component { componentDidMount() { window.$.i18n.reload("es-ES"); ZoomMtg.setZoomJSLib("https://source…

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![digivalsolutions](https://avatars.discourse-cdn.com/v4/letter/d/9fc29f/32.png) [@digivalsolutions](https://devforum.zoom.us/u/digivalsolutions)\
**Post date:** [January 6, 2020, 5:50pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/13 "2020-01-06T17:50:08Z")

</div>

Thanks Tommy.  
I will check it.  
Meanwhile it will be helpful if you share sample github react repo like you did for angular?

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [January 6, 2020, 6:15pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/14 "2020-01-06T18:15:41Z")

</div>

Hey @digivalsolutions,

Happy to help!

We will work on creating a React sample app.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![digivalsolutions](https://avatars.discourse-cdn.com/v4/letter/d/9fc29f/32.png) [@digivalsolutions](https://devforum.zoom.us/u/digivalsolutions)\
**Post date:** [January 6, 2020, 6:27pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/15 "2020-01-06T18:27:18Z")

</div>

Hey Tommy,  
Eagerly awaiting for your react sample app.  
Thanks

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [January 6, 2020, 8:17pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/16 "2020-01-06T20:17:19Z")

</div>

Hey @digivalsolutions,

Here is an example of using the Web SDK in React:

> **[michaeldharrington/zoom-web-generate-signature](https://github.com/michaeldharrington/zoom-web-generate-signature)**
>
> React app for Zoom Web SDK. Contribute to michaeldharrington/zoom-web-generate-signature development by creating an account on GitHub.

[Due note that the signature is being developer on the backend in this example.](https://marketplace.zoom.us/docs/sdk/native-sdks/web/essential/signature)

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![digivalsolutions](https://avatars.discourse-cdn.com/v4/letter/d/9fc29f/32.png) [@digivalsolutions](https://devforum.zoom.us/u/digivalsolutions)\
**Post date:** [January 7, 2020, 3:08pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/17 "2020-01-07T15:08:41Z")

</div>

Hey @tommy,

```
 Signature expired error occuring when run in localhost:

```

{ method: “join”  
status: false  
errorCode: 1  
errorMessage: “The signature has expired.”  
result: null  
}

pls help

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [January 7, 2020, 4:53pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/18 "2020-01-07T16:53:06Z")

</div>

Hey @digivalsolutions,

Please share the code you are using to generate the signature.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![carloskekwa](https://avatars.discourse-cdn.com/v4/letter/c/d2c977/32.png) [@carloskekwa](https://devforum.zoom.us/u/carloskekwa)\
**Post date:** [March 17, 2020, 5:23pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/19 "2020-03-17T17:23:31Z")

</div>

Hello

I got the error when pushing on production in angular `zoomus-websdk.umd.min.js.pre-build-optimizer.js:2 Uncaught TypeError: Super expression must either be null or a function, not undefined`

but it is working in dev

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [March 17, 2020, 6:38pm UTC](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832/21 "2020-03-17T18:38:23Z")

</div>

Hey @carloskekwa, thanks for posting and using Zoom!

Can you please checkout our Angular Web SDK sample app:

> **[zoom/websdk-sample-angular](https://github.com/zoom/websdk-sample-angular)**
>
> Use the Zoom Web SDK in an Angular App. Contribute to zoom/websdk-sample-angular development by creating an account on GitHub.

Thanks,  
Tommy

[Next page](https://devforum.zoom.us/t/zoomus-jssdk-for-react-16/3832.md?page=2)