SDK Meeting - "Invalid sdkkey."


Hi. I have created a sdk meeting app in development and when I tested with sdkkey (client ID) of my app it said “Invalid sdkkey.” I see that my app is in “Draft” mode, is it the issue and how can I activate it?

My app: Screenshot by Lightshot, Screenshot by Lightshot

Zoom Version: 2.18.2

Please help me.

My Angular code:

import { Component, OnInit, Inject } from "@angular/core";
import { HttpClient } from "@angular/common/http";
import { DOCUMENT } from "@angular/common";

import { ZoomMtg } from "@zoomus/websdk";
import { AuthService } from "./shared/auth.service";
import { ActivatedRoute } from "@angular/router";
import Cookies from "js-cookie";
import { AppService } from "./app.service";

ZoomMtg.setZoomJSLib("", "/av");

// loads language files, also passes any error messages to the ui

  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"],
export class AppComponent implements OnInit {
  currentUser: any;
  appointmentId = "";
  meetingInfo = {
    meetingNumber: "",
    signature: "",
    password: "",
  leaveUrl = "";

    public httpClient: HttpClient,
    private route: ActivatedRoute,
    @Inject(DOCUMENT) private document: Document,
    private authService: AuthService,
    private appService: AppService
  ) {
    this.route.queryParams.subscribe((query) => {
      if (query.appointmentId) this.appointmentId = query.appointmentId;

  ngOnInit() {
    this.authService.getCurrentUser().then((resp) => {
      this.currentUser = resp;
      this.leaveUrl =
        this.currentUser.type === "tutor"
          ? `${this.appService.settings.mainUrl}/users/appointments/${this.appointmentId}`
          : `${this.appService.settings.mainUrl}/users/lessons/${this.appointmentId}`;
      let stored = Cookies.get("zoomMeetingInfo");
      if (stored) {
        this.meetingInfo = JSON.parse(stored);

  startMeeting() {
    document.getElementById("zmmtg-root").style.display = "block";
    console.log("sdk key: ", this.appService.settings.zoomSDK);

      leaveUrl: this.leaveUrl,
      success: (success) => {
          signature: this.meetingInfo.signature,
          meetingNumber: this.meetingInfo.meetingNumber,
          sdkKey: this.appService.settings.zoomSDK,
          passWord: this.meetingInfo.password,
          tk: "",
          success: (success) => {
          error: (error) => {
      error: (error) => {

@tutorsbazaar111 ,

Are you able to capture your web tracking ID for me? Please tag me in your response

  1. Open up the console in your browser, and goto the network tab
  2. There should be a call to info?Meeting…
  3. On the payload, try to find the tracking ID and share it with me here

Thanks for your reply.
this is tracking ID from headers:

[redacted for privacy]

@tutorsbazaar111 ,

your appKey and sdkKey in the JWT token is xxxx, you need to put in the valid Client ID instead

Can you explain more, I can make sure that the sdkKey I put was the Client ID of my app:

@tutorsbazaar111 ,

When I decode your JWT token, it seems you used an invalid value “xxxx” as the sdkKey and appKey

Please let me know where I can get the correct SDK key


The Client ID on the top left is your SDK Key

As I mentioned, I put it and you said it was invalid

@tutorsbazaar111 ,

This was the JWT token which you have shared


If you decode it using, you can see the results here.

Note that sdkKey and appKey is “xxxx”. This not a valid value.
You need to sign your JWT token again with your SDK Key which starts with WB7AR…

My mistake, I have just tried with the correct key and now it says " Uncaught ReferenceError: React is not defined" and “Uncaught TypeError: m.AK.connectSocket is not a function”

@tutorsbazaar111 , if you are using react with client view, could you make sure you are using react 16? React 17 and React 18 is not support for client view

I am not using react, I am using angular 10, you can check the code that I shared

@tutorsbazaar111 do open a new thread for this new error. Tag me there and I’ll look at it.