Render a Class Component to the DOM - Badly Stuck

JavaScript
1

Guys, need help with a basic exercise mentioned in the subject line. Can’t seem to figure it out. I have done some extensive reading. “TypesofFood” is not defined…What does this refer to…apparently exercise claims that required definitions are done in the back end.


class TypesOfFood extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div>
        <h1>Types of Food:</h1>
        <Fruits />
        <Vegetables />
        </div>
    );
  }
};

ReactDOM.render(<TypesofFood />, document.getElementById("challenge-node"));
2

Look carefully at your spelling: TypesofFood is definitely not defined anywhere.