What is wrong in this code? please guide me

JavaScript
1 
const JSX = (
  <div>
    <h1>Hello World</h1>
    <p>Lets render this to the DOM</p>
  </div>
);
// Change code below this line
ReactDOM.render(
  <div id="challenge-node">
    <h1>Hello world</h1>
    <p>Second element</p>
    </div>,
  document.getElementById('challenge-node')
)
2

you are using the id challenge-node to render the app to,
but you should append the app to an already existing html not another react component

<html>
  <head></head>
<body>
 <div id="challenge-node">
 <h1>Hello world</h1>
    <p>Second element</p>
 </div>
<script>
ReactDOM.render(
  <div>
    <h1>Hello world</h1>
    <p>Second element</p>
    </div>,
  document.getElementById('challenge-node')
)
</script>
</body>

</html>
```
3

You have to render the JSX.