Render a Class Component to the DOM - Minified React error #200

Tell us what’s happening:

Im trying to render this componente to the DOM but I have this issue from the console:

Minified React error #200;

Your code so far

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

ReactDOM.render(<TypesOfFood />,'challenge-node')

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_3) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.0.3 Safari/605.1.15.

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.

Make sure you are retrieving the DOM for react to get hooked on.

Refer to the pervious exercises on how to do this. You need to use