# My Drum Machine React App won't display in Codepen

**URL:** <https://forum.freecodecamp.org/t/my-drum-machine-react-app-wont-display-in-codepen/238421>\
**Category:** General\
**Created:** [November 6, 2018, 6:43pm UTC](https://forum.freecodecamp.org/t/my-drum-machine-react-app-wont-display-in-codepen/238421 "2018-11-06T18:43:02Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Embustero](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/embustero/32/48891_2.png) [@Embustero](https://forum.freecodecamp.org/u/Embustero)\
**Post date:** [November 6, 2018, 6:43pm UTC](https://forum.freecodecamp.org/t/my-drum-machine-react-app-wont-display-in-codepen/238421/1 "2018-11-06T18:43:02Z")

</div>

I’m currently doing the Drum Machine React project in Codepen ([https://codepen.io/Crimson\_Macaw/pen/NOmaXY?editors=1111](https://codepen.io/Crimson_Macaw/pen/NOmaXY?editors=1111)) and after finishing up most of the React code the app will not display. The error that shows up in the console reads: [object Error] {}.

Could someone please take a look at my code and tell me where the problem lies. I’ve gone through the code myself line by line but can’t figure out what’s causing this issue.

---

<div class="post-metadata">

**Author:** ![ghukahr](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ghukahr/32/103947_2.png) [@ghukahr](https://forum.freecodecamp.org/u/ghukahr)\
**Post date:** [November 6, 2018, 8:17pm UTC](https://forum.freecodecamp.org/t/my-drum-machine-react-app-wont-display-in-codepen/238421/2 "2018-11-06T20:17:42Z")

</div>

So I got a console error from that react-dom import.

By replacing it with the following (codepen defaults) it works.

```auto
https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.4.2/umd/react-dom.production.min.js

```

---

<div class="post-metadata">

**Author:** ![Embustero](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/embustero/32/48891_2.png) [@Embustero](https://forum.freecodecamp.org/u/Embustero)\
**Post date:** [November 7, 2018, 6:44am UTC](https://forum.freecodecamp.org/t/my-drum-machine-react-app-wont-display-in-codepen/238421/3 "2018-11-07T06:44:47Z")

</div>

Thanks that solved 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 17, 2021, 8:08pm UTC](https://forum.freecodecamp.org/t/my-drum-machine-react-app-wont-display-in-codepen/238421/4 "2021-01-17T20:08:45Z")

</div>

Closed on January 17, 2021, 8:08pm UTC