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.