Define an HTML Class in JSX-passing in fcc but not in codepen

Tell us what’s happening:
I am passing in the fcc challenge test for this one but when I run the test in my codepen, I am not getting the output. where did i go wrong?Thanks. My codepen link is :

https://codepen.io/meeramenon07/pen/aeRmgW?editors=1010

Your code so far


const JSX = (
  <div className = 'myDiv'>
    <h1>Add a class to this div</h1>
  </div>
);


Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/react/define-an-html-class-in-jsx

Hello. I never programmed for real in react, and only did the challenges like you’re doing, but if you head back to the first React challenges you see that they’re using on the challenges under the hood a ReactDOM.render(JSX, document.getElementById('root')), and maybe also are some things happening that you can’t see that allows the compilation from JSX to JavaScript, so i don’t know how to solve, but i’m pretty sure that’s the problem :slight_smile: