Last Challenge not put to valid?

JavaScript
1

Tell us what’s happening:
I wanted to work on the React-course, when I hit a dead end:
It confuses me, as even after googling, my syntax seems intact to me?

edit: say no more, I am stupid and missed on the rendering, that I need

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 */}
          <Fruits/>
          <Vegetables/>
      {/* change code above this line */}
    </div>
  );
}
};




// change code below this line
ReactDOM.render(TypesOfFood, document.getElementById('challenge-node'));

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:73.0) Gecko/20100101 Firefox/73.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

2

React components, you need to use the same syntax as if you were rendering a nested component, for example ReactDOM.render(<ComponentToRender />, targetNode)