# Gallery view is not showing

**URL:** <https://devforum.zoom.us/t/gallery-view-is-not-showing/100060>\
**Category:** Meeting SDK\
**Created:** [December 13, 2023, 8:27am UTC](https://devforum.zoom.us/t/gallery-view-is-not-showing/100060 "2023-12-13T08:27:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![uitestingawsai](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/uitestingawsai/32/65118_2.png) [@uitestingawsai](https://devforum.zoom.us/u/uitestingawsai)\
**Post date:** [December 13, 2023, 8:27am UTC](https://devforum.zoom.us/t/gallery-view-is-not-showing/100060/1 "2023-12-13T08:27:04Z")

</div>

import React, { useEffect, Fragment,useContext } from “react”;  
import Context from “…/Context/Context”;  
const Meeting = () =\> {  
const UserCtx = useContext(Context);

const payload = {  
meetingNumber: “”,  
role: UserCtx.userData.userType === “member” ? 0 : 1,  
// role:0,  
sdkKey:‘’,  
sdkSecret:‘’,  
passWord: “”,  
userName: UserCtx.userData.userName,  
// userName:“test”,  
userEmail: “”,  
leaveUrl: “/dashboard”,  
};

useEffect(() =\> {  
const initializeMeeting = async () =\> {  
try {  
const { ZoomMtg } = await import(“@zoomus/websdk”);

```
    ZoomMtg.setZoomJSLib('https://source.zoom.us/2.17.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');
    ZoomMtg.generateSDKSignature({
      meetingNumber: payload.meetingNumber,
      role: payload.role,
      sdkKey: payload.sdkKey,
      sdkSecret: payload.sdkSecret,
      success: function (signature) {
        ZoomMtg.init({
          leaveUrl: payload.leaveUrl,
          success: function (data) {
            ZoomMtg.join({
              meetingNumber: payload.meetingNumber,
              signature: signature.result,
              sdkKey: payload.sdkKey,
              userName: payload.userName,
              userEmail: payload.userEmail,
              passWord: payload.passWord,
              tk: "",
              success: function () {
                console.log("-- joined --");
              },
              error: function (joinError) {
                console.error("Error joining meeting:", joinError);
              },
            });
          },
          error: function (initError) {
            console.error("Error initializing Zoom:", initError);
          },
        });
      },
      error: function (signError) {
        console.error("Error generating SDK signature:", signError);
      },
    });
  } catch (error) {
    console.error("Error while initializing Zoom:", error);
  }
};

initializeMeeting();

```

}, [payload.meetingNumber, payload.role, payload.sdkKey, payload.sdkSecret, payload.passWord, payload.userName, payload.userEmail, payload.leaveUrl]);

return (

```
</Fragment>

```

);  
};

export default Meeting;

this is my code in this the view button is not show so i did not see the gallery view option