# Codepen doesn't render my react code

**URL:** <https://forum.freecodecamp.org/t/codepen-doesnt-render-my-react-code/594192>\
**Category:** Curriculum Help\
**Created:** [February 23, 2023, 3:38pm UTC](https://forum.freecodecamp.org/t/codepen-doesnt-render-my-react-code/594192 "2023-02-23T15:38:18Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![JeremyLT](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jeremylt/32/291894_2.png) [@JeremyLT](https://forum.freecodecamp.org/u/JeremyLT)\
**Post date:** [February 23, 2023, 3:47pm UTC](https://forum.freecodecamp.org/t/codepen-doesnt-render-my-react-code/594192/2 "2023-02-23T15:47:26Z")

</div>

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (`</>`) to add backticks around text.

 ![Pre-formatted-text](https://global.discourse-cdn.com/freecodecamp/original/3X/1/b/1b18854f1059217f29370444396145cc3a0cd8ae.gif)

See [this post](https://forum.freecodecamp.org/t/forum-code-formatting/25574) to find the backtick on your keyboard.  
**Note:** Backticks (`) are not single quotes (').

---

_[View the full topic](https://forum.freecodecamp.org/t/codepen-doesnt-render-my-react-code/594192)._