Render a class component to the DOM (help)

Tell us what’s happening:
Describe your issue in detail here.
I keep getting a build error, I believe I have the correct code. Is there anything that I might have been missing?

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

Challenge: Render a Class Component to the DOM

Link to the challenge:

HI @kaflenitish !

It was hard to find at first but the problem is here

Reread through the directions again to add the missing character

1 Like