Issue with "Invalid Signature" in Zoom Meeting SDK Integration

We are currently integrating the Zoom Meeting SDK into our application using a ReactJS component. However, during the approval process, our reviewer consistently encounters an “Invalid Signature” issue when attempting to start a meeting as a host. Interestingly, we are unable to reproduce this problem on our end; everything functions correctly.

Below, we’ve provided the relevant code snippet along with the decoded JWT signature payload and header for your reference:

Reactjs component code:
zmClient?.current?.join({
sdkKey: SDK_KEY,
signature: sdk_signature,
meetingNumber: meeting_id,
password: password,
userName: userInfo.first_name + " " + userInfo.last_name,
zak: zak
})
Signature Header:
{
“typ”: “JWT”,
“alg”: “HS256”
}
Signature Payload:
{
“tokenExp”: 1715169585,
“mn”: 92105172627,
“role”: 1,
“sdkKey”: “_gDhJD0ARtqx3z4qNbLfXA”,
“appKey”: “_gDhJD0ARtqx3z4qNbLfXA”,
“exp”: 1715169585,
“iat”: 1715165985
}
We would appreciate your assistance in identifying the root cause of this issue and providing guidance on how to resolve it.

@logesh.g Hope you will be fine.

The signature payload must be like :point_down:

{
“sdkKey”: “ajQ8mmtQ_GKxIzGCg4XSA”,
“mn”: 87954282182,
“role”: 1,
“iat”: 1714569281,
“exp”: 1714576481,
“appKey”: “ajQ8mmtQ_GKxIzGCg4XSA”,
“tokenExp”: 1714576481
}

Keep mn and role of type number not string.

Note: Also please verify that you have valid/active app credentials and if new app creation flow then from ‘Embed’ you have enabled ‘Meeting SDK’ :point_down:

@logesh.g

You can also watch session here about that