# React not rendering

**URL:** <https://forum.freecodecamp.org/t/react-not-rendering/333451>\
**Category:** General\
**Created:** [December 15, 2019, 5:01pm UTC](https://forum.freecodecamp.org/t/react-not-rendering/333451 "2019-12-15T17:01:46Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Shernz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/shernz/32/151194_2.png) [@Shernz](https://forum.freecodecamp.org/u/Shernz)\
**Post date:** [December 15, 2019, 5:01pm UTC](https://forum.freecodecamp.org/t/react-not-rendering/333451/1 "2019-12-15T17:01:46Z")

</div>

Can anyone tell me what’s wrong with this [React app](https://codepen.io/shernz/pen/jOEMPGE)? The page is blank whatever I do

---

<div class="post-metadata">

**Author:** ![AdventureBear](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/adventurebear/32/74786_2.png) [@AdventureBear](https://forum.freecodecamp.org/u/AdventureBear)\
**Post date:** [December 15, 2019, 5:23pm UTC](https://forum.freecodecamp.org/t/react-not-rendering/333451/2 "2019-12-15T17:23:30Z")

</div>

i just updated the react dom library and it works, or at least displays something.

i have a template made here and i just update the lib as needed.

> **[react template](https://codepen.io/AdventureBear/pen/eYmdxZN)**
>
> ...

---

<div class="post-metadata">

**Author:** ![Shernz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/shernz/32/151194_2.png) [@Shernz](https://forum.freecodecamp.org/u/Shernz)\
**Post date:** [December 16, 2019, 12:11pm UTC](https://forum.freecodecamp.org/t/react-not-rendering/333451/3 "2019-12-16T12:11:54Z")

</div>

Cool. Thanks for sharing. Shall refer and do the necessary changes.

---

<div class="post-metadata">

**Author:** ![miku86](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/miku86/32/95580_2.png) [@miku86](https://forum.freecodecamp.org/u/miku86)\
**Post date:** [December 16, 2019, 12:18pm UTC](https://forum.freecodecamp.org/t/react-not-rendering/333451/4 "2019-12-16T12:18:59Z")

</div>

If you look into the console, you can find the error:

`Error: Minified React error #227; visit https://reactjs.org/docs/error-decoder.html?invariant=227 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`

If you click on this link, you will find the problem:  
`ReactDOM was loaded before React. Make sure you load the React package before loading ReactDOM.`

This means that you have to re-order the imports of your codepen.

---

<div class="post-metadata">

**Author:** ![Shernz](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/shernz/32/151194_2.png) [@Shernz](https://forum.freecodecamp.org/u/Shernz)\
**Post date:** [December 16, 2019, 1:02pm UTC](https://forum.freecodecamp.org/t/react-not-rendering/333451/5 "2019-12-16T13:02:07Z")

</div>

Thank you so much! It’s working now!

---

<div class="post-metadata">

**Author:** ![AdventureBear](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/adventurebear/32/74786_2.png) [@AdventureBear](https://forum.freecodecamp.org/u/AdventureBear)\
**Post date:** [December 16, 2019, 2:48pm UTC](https://forum.freecodecamp.org/t/react-not-rendering/333451/6 "2019-12-16T14:48:55Z")

</div>

I guess by readding, I re-ordered without realizing it!

---

<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:** [January 16, 2021, 11:30am UTC](https://forum.freecodecamp.org/t/react-not-rendering/333451/7 "2021-01-16T11:30:17Z")

</div>

Closed on January 16, 2021, 11:30am UTC