Render the react elements

JavaScript
1

Tell us what’s happening:

Your code so far
…

const JSX = (

Hello World

Lets render this to the DOM

ReactDOM.render()
); // change code below this line
ReactDOM.redner(JSX,getElementById("challenge-node"));

…

Your browser information:

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

Challenge: Render HTML Elements to the DOM

Link to the challenge:
https://www.freecodecamp.org/learn/front-end-libraries/react/render-html-elements-to-the-dom

3

@camperextraordinaire
i have started learning React a few days before.
i have stucked in the 4th lesson about rendering the html elements to the dom.

const JSX = (
  <div>
    <h1>Hello World</h1>
    <p>Lets render this to the DOM</p>
    ReactDOM.render();
  </div>
  );
// change code below this line
<div id='challenge-node'>

</div>
ReactDOM.render(JSX,document.getElementById('challenge-node'));

this is my code segemnt.
can you help me

6

let me check one more time
and i will get back to you

7

bu i have an instruction saying ** As you would expect, ReactDOM.render() must be called after the JSX element declarations, just like how you must declare variables before using them.**

8

yaaay!!!

finally i found my mistake

thank you