JsMediaSDK_Instance is not defined - Meeting SDK

Meeting SDK Type and Version
@zoom/meetingsdk”: “^3.10.0”
“react”: “17.0.2”

Description
ZoomMtg.join throwing JsMediaSDK_Instance is not defined error.
here I’m attaching my signature token for reference

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhcHBLZXkiOiJBRkg3aDhiU1RQV3JWS2ZPbEhrQ1EiLCJzZGtLZXkiOiJBRkg3aDhiU1RQV3JWS2ZPbEhrQ1EiLCJtbiI6ODQwODA0Nzk0MjAsInJvbGUiOjAsImlhdCI6MTczNjU3NzE0NywiZXhwIjoxNzM2NTg0MzQ3LCJ0b2tlbkV4cCI6MTczNjU4NDM0N30.OWLAPFxAb0n4LKr0CEZzVtyszRdVQxqTfjScujPEdcg

I’m also getting this message in console. Could it be related to the issue?

To use gallery view on Chrome/Chromium browsers, SharedArrayBuffer is required.

Error?
ReferenceError: JsMediaSDK_Instance is not defined
at wt (zoomus-websdk-zoommtgMain.umd.min.js:2:1589892)

Troubleshooting Routes
I have tested zoom/meetingsdk-react-sample there it is working fine but when I’m trying to do the same in my react application getting this error. I have tried to add the code but that didn’t work out.
ZoomMtg.setZoomJSLib(‘source-zoom-us-url/3.10.0/lib’, ‘/av’);

How To Reproduce
Steps to reproduce the behavior including:
*1. Not added any Authentication method so far

@zoomsdkpoc

Please upgrade the React version first, then properly load the SDK inside useEffect or monitor the session.

Here’s how to integrate the Zoom Meeting SDK using ReactJS.

If still any query please ask here.

Thanks.