My browser crash after running tests

Tell us what’s happening:
I have got an issue when i am pressing “run the tests” button my browser crashing, i tried on chrome and firefox, also tried relogging and nothing helps.

Your code so far


class TypesOfFood extends React.Component {
constructor(props) {
  super(props);
}
render() {
  return (
    <div>
      <h1>Types of Food:</h1>
      {/* change code below this line */}
      ReactDOM.render(<TypesOfFood/>, challenge-node);
      {/* change code above this line */}
    </div>
  );
}
};

// change code below this line

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:74.0) Gecko/20100101 Firefox/74.0.

Challenge: Render a Class Component to the DOM

Link to the challenge:
https://www.freecodecamp.org/learn/front-end-libraries/react/render-a-class-component-to-the-dom

Hi @Zaben , that will go na crash because you wrote the ReactDOM at wrong place.

Please read this Properly. and refer previous challenges to find out where you doing mistake.

Please Read :point_down: properly

"Both the Fruits and Vegetables components are defined for you behind the scenes. Render both components as children of the TypesOfFood component, then render TypesOfFood to the DOM. There is a div with id='challenge-node' available for you to use. "

Try it and don’t giveUp

@Zaben This comment means do not change or add any code above this line.

1 Like

Write code under “//change code below this line” . so you keep what is up top, like the first response said , not only is the ReachDom.render is in wrong place, is also has no opening or closing value (Symbol) code.
Don’t over think it and follow instructions to the T.
Coder buddy - JinXKoding

i understand my mistake, thank you