title: TypeError: Cannot read property 'comment' of undefined in React
body: <p>&lt;DishDetail dish={this.state.dishes.filter((dish) =&gt; dish.id === this.state.selectedDish)[0]} /&gt;
  This is passing the dish details from the MainComponent to my DishDetailComponent.</p>
  <p>{this.renderDish(this.props.dish)}
  This is receiving the dish details and properly rendering the dish title and description. But,
  {this.renderComments(this.props.dish.comments)} whenever this is executed, I am getting that error.</p>
  <p>P.S: I have checked using console.log(this.props.dish) to confirm that the dish object is correctly getting passed.</p>