# React not rendering on codepen

**URL:** <https://forum.freecodecamp.org/t/react-not-rendering-on-codepen/341312>\
**Category:** General\
**Created:** [January 14, 2020, 9:21pm UTC](https://forum.freecodecamp.org/t/react-not-rendering-on-codepen/341312 "2020-01-14T21:21:07Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![fez994](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/fez994/32/131321_2.png) [@fez994](https://forum.freecodecamp.org/u/fez994)\
**Post date:** [January 14, 2020, 9:21pm UTC](https://forum.freecodecamp.org/t/react-not-rendering-on-codepen/341312/1 "2020-01-14T21:21:07Z")

</div>

This is my project

> **[React markdown](https://codepen.io/fez994/pen/KKwBmyQ)**
>
> ...

  
I don’t understand why it doesn’t work on codepen, it works perfectly on my machine with npm start  
Here is the project on github:  
[https://github.com/fez994/react-markdown-previewer](https://github.com/fez994/react-markdown-previewer).

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [January 15, 2020, 1:02am UTC](https://forum.freecodecamp.org/t/react-not-rendering-on-codepen/341312/2 "2020-01-15T01:02:02Z")

</div>

Your `TextArea` component is a functional component, so there’s no need for `render()`. Just return the JSX directly.

```auto
const TextArea = () => {
  /* State initialization code, event handlers, etc. */

  // there should be no render() here!
  return (
    <div className="App">
      {/* ... */}
    </div>
  )
}

```

---

<div class="post-metadata">

**Author:** ![lasjorg](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lasjorg/32/280761_2.png) [@lasjorg](https://forum.freecodecamp.org/u/lasjorg)\
**Post date:** [January 15, 2020, 1:05am UTC](https://forum.freecodecamp.org/t/react-not-rendering-on-codepen/341312/3 "2020-01-15T01:05:30Z")

</div>

1. Move the link to `react-markdown` below the links to react/react-dom

2. Call useState on the React object `React.useState()`

3. As said, remove the render method surrounding the return.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 7:38pm UTC](https://forum.freecodecamp.org/t/react-not-rendering-on-codepen/341312/4 "2021-06-01T19:38:09Z")

</div>

Closed on June 1, 2021, 7:38pm UTC