# WebSDK Component View Screen Shared layout

**URL:** <https://devforum.zoom.us/t/websdk-component-view-screen-shared-layout/72686>\
**Category:** Web\
**Created:** [July 22, 2022, 6:08am UTC](https://devforum.zoom.us/t/websdk-component-view-screen-shared-layout/72686 "2022-07-22T06:08:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![sd30414](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/sd30414/32/39529_2.png) [@sd30414](https://devforum.zoom.us/u/sd30414)\
**Post date:** [July 22, 2022, 6:08am UTC](https://devforum.zoom.us/t/websdk-component-view-screen-shared-layout/72686/1 "2022-07-22T06:08:24Z")

</div>

**Description**  
WebSDK 2.5 Meeting is implemented in react.

When joining as a participant, the screen is displayed well, but if the host who made the meeting from outside shares the screen, the layout of the component view becomes strange and the shared screen comes out very small when the size is adjusted.

How can I get the component view to see the screen share just like the client view?

how to solve?? plz help me

**Screenshots**

 ![d](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/c/0/c06cc0a5f8d4473b0b80863c08524c2e36f37159.jpeg)  
 ![f](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/f/0/f0b68a6eca853f0489191ac7396452363d734cff.jpeg)

---

<div class="post-metadata">

**Author:** ![elisa.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/elisa.zoom/32/47836_2.png) [@elisa.zoom](https://devforum.zoom.us/u/elisa.zoom)\
**Post date:** [July 25, 2022, 3:29pm UTC](https://devforum.zoom.us/t/websdk-component-view-screen-shared-layout/72686/2 "2022-07-25T15:29:25Z")

</div>

Hey @sd30414  
Hope you are doing great, are you still experiencing this issue?  
Have you tried replicating this with any of our sample apps?

> **[GitHub - zoom/meetingsdk-react-sample: Use the Zoom Meeting SDK in a React App](https://github.com/zoom/meetingsdk-react-sample)**
>
> Use the Zoom Meeting SDK in a React App. 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:** [August 25, 2022, 1:30am UTC](https://devforum.zoom.us/t/websdk-component-view-screen-shared-layout/72686/3 "2022-08-25T01:30:11Z")

</div>

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