# Websdk issue in react app

**URL:** <https://devforum.zoom.us/t/websdk-issue-in-react-app/104307>\
**Category:** Web\
**Created:** [February 21, 2024, 12:54pm UTC](https://devforum.zoom.us/t/websdk-issue-in-react-app/104307 "2024-02-21T12:54:12Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![promatics.harshit](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/promatics.harshit/32/51137_2.png) [@promatics.harshit](https://devforum.zoom.us/u/promatics.harshit)\
**Post date:** [February 21, 2024, 12:54pm UTC](https://devforum.zoom.us/t/websdk-issue-in-react-app/104307/1 "2024-02-21T12:54:12Z")

</div>

```auto
import React,{useEffect,Fragment} from 'react';
import { ZoomMtg } from '@zoomus/websdk';
     
ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();

ZoomMtg.setZoomJSLib('https://source.zoom.us/2.18.2/lib','/av');

const Meeting = () => {

    useEffect(() => {
        let payload = {
            meetingNumber:787361823,
            role:0,
            passWord:'gad123',
            userName:"harshit",
            userEmail:'',
            leaveUrl:"http://localhost:3000",
            sdkKey:process.env.REACT_APP_SDK_KEY,
            sdkSecret:process.env.REACT_APP_SDK_SECRET_KEY
          }

     ZoomMtg.generateSDKSignature({
        meetingNumber:payload.meetingNumber,
        role:payload.role,
        sdkKey:payload.sdkKey,
        sdkSecret:payload.sdkSecret,
        success:function(signature){
            console.log("signature",signature)

            ZoomMtg.init({
                leaveUrl:payload.leaveUrl,
                patchJsMedia: true,
                success:function(data){
                    console.log("data",data)
                   ZoomMtg.join({
                    meetingNumber:payload.meetingNumber,
                    signature:signature.result,
                    userName:payload.userName,
                    userEmail:payload.userEmail,
                    passWord:payload.passWord,
                    sdkKey:payload.sdkKey,
                    tk:'',
                    success:function(){
                        console.log("---- joined ----")
                    },
                    error:function(error){
                        console.log("join error",error)
                    }
                   })
                },
                error:function(error){
                    console.log("init error",error)
                }
            })

        },
        error:function(error){
            console.log("error",error)
        }
     })
    }

// running();
// }

,[])
   return (<Fragment></Fragment>)
}

export default Meeting;

```

getting this error

 ![Screenshot_20240221_182334](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/3/9/396fa83cffa649c11726af51de6b961d42fa0e02.png)

image 2

 ![Screenshot_20240221_215131](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/7/7/77f67dbe96b3dac4ff63daa9569986ba97cf0fcb.png)

browser details : [Your client's web browsing configuration - code: GZFBLSZ](https://www.whatismybrowser.com/w/GZFBLSZ)

---

<div class="post-metadata">

**Author:** ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)\
**Post date:** [February 22, 2024, 1:17am UTC](https://devforum.zoom.us/t/websdk-issue-in-react-app/104307/2 "2024-02-22T01:17:22Z")

</div>

It seems you are integrating the Web Meeting SDK with React. We have a sample app for reference. Please review our sample React app and let us know if you have any questions:

> **[GitHub - zoom/meetingsdk-react-sample: Use the Zoom Meeting SDK in React](https://github.com/zoom/meetingsdk-react-sample)**
>
> Use the Zoom Meeting SDK in React. Contribute to zoom/meetingsdk-react-sample development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [March 23, 2024, 11:17am UTC](https://devforum.zoom.us/t/websdk-issue-in-react-app/104307/3 "2024-03-23T11:17:52Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.