Every time i think its a bug or something

Tell us what’s happening:
Describe your issue in detail here.
everytime I answer this problem it keeps freezing somebody please fix this

  **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(<TypesOfVehicles />, document.getElementById("node-id"));

      {/* 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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.99 Safari/537.36

Challenge: Render a Class Component to the DOM

Link to the challenge:

You’re pretty off track here.

You should add Fruits and Vegetables inside the render function of the TypesOfFood components. They should go below the {/* Change code below this line */} and above the {/* Change code above this line */} comment. You do not use ReactDOM.render inside the component, these should be written in JSX.

Then, at the very bottom, below the // Change code below this line comment, you should render the TypesOfFood component to the div with the id challenge-node (with ReactDOM.render).