Random quote machine display problem

Tell us what’s happening:

I need to complete the random quote machine project but just can’t display a simple JSX on the codepen.io screen. Is it my code that is wrong? I wrote this in the JS section


class QuoteApp extends Component {
  constructor(props){
    super(props)
  }
  render() {
    return (<h1>qwerty</h1>)
  }
}

ReactDOM.render(<QuoteApp />, document.getElementById("root"));  ```

In the HTML section, I simply wrote this 
`  <div id="root"></div>  `

Thanks in advance.

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 6.0.1; SM-N910C) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Mobile Safari/537.36.

Challenge: Build a Random Quote Machine

Link to the challenge: