# Adding and rendering Zoom Reactjs component to Nextjs app

**URL:** <https://devforum.zoom.us/t/adding-and-rendering-zoom-reactjs-component-to-nextjs-app/76152>\
**Category:** Web\
**Created:** [September 19, 2022, 1:42am UTC](https://devforum.zoom.us/t/adding-and-rendering-zoom-reactjs-component-to-nextjs-app/76152 "2022-09-19T01:42:12Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![danieljmolinaro](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/danieljmolinaro/32/41529_2.png) [@danieljmolinaro](https://devforum.zoom.us/u/danieljmolinaro)\
**Post date:** [September 19, 2022, 1:42am UTC](https://devforum.zoom.us/t/adding-and-rendering-zoom-reactjs-component-to-nextjs-app/76152/1 "2022-09-19T01:42:12Z")

</div>

**Description**  
Added Zoom react component into Nextjs project/app. Error is getting thrown on rendering.

**Browser Console Error**  
Warning: forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?

**Which Web Meeting SDK version?**  
2.7.0

**To Reproduce(If applicable)**  
Steps to reproduce the behavior:

1. cloned git repo for reactjs sample app
2. added App component to nextjs app, renamed to Zoom
3. added component to routing page

**Device (please complete the following information):**

- Browser: [e.g. Chrome]

---

<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:** [October 19, 2022, 11:43am UTC](https://devforum.zoom.us/t/adding-and-rendering-zoom-reactjs-component-to-nextjs-app/76152/2 "2022-10-19T11:43:02Z")

</div>

Closed on October 19, 2022, 11:43am UTC

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