Zoom SDK for Angular 7 forwardRef render functions do not support propTypes or defaultProps

I’m trying to add Zoom SDK into my Angular 7 project (NodeJs 10.24).

I followed all the steps in the tutorials that I found. I get a black screen with Warning: forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?

I don’t understand where this error comes from nor how to fix it.

When I used the GitHub project, it worked fine, but it wasn’t with the same version of Angular and NodeJs.

You can find the code below

import { Component, Inject, OnInit } from "@angular/core";
import { ZoomMtg } from "@zoomus/websdk";

ZoomMtg.setZoomJSLib("https://source.zoom.us/2.8.0/lib", "/av");

ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();
// loads language files, also passes any error messages to the ui
ZoomMtg.i18n.load("en-US");
ZoomMtg.i18n.reload("en-US");

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.scss"],
})
...

in the angular.json I added :

"styles": [
              "node_modules/@zoomus/websdk/dist/css/bootstrap.css",
              "node_modules/@zoomus/websdk/dist/css/react-select.css",
              "./node_modules/bootstrap/dist/css/bootstrap.min.css",
              "src/styles.scss"
            ],

I can’t add "allowedCommonJsDependencies": ["@zoomus/websdk"] since I get the error Property allowedCommonJsDependencies is not allowed.

1 Like