title: Why are values being retrieved after post request going out of div?
body: <p><a href="https://i.stack.imgur.com/LYUzm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LYUzm.png" alt="enter image description here"></a></p>
  
  <p>The last card you see is information being retrieved after a post request to add a review from a form into the json server db, and its going outside the div.</p>
  
  <p>Where as the reviews being entered manually inside the json db are being retrieved and displayed just perfectly as you can see. </p>
  
  <p>Could anyone please help with this? I am attaching my code below.</p>
  
  <hr>
  
  <p>RenderList.js is the code for displaying the cards you see below.</p>
  
  <hr>
  
  <pre><code>import React,{Fragment} from "react";
  import { connect } from "react-redux";
  import { Link } from 'react-router-dom';
  import {getList, getReviews, calculateAverage} from '../../actions';
  import { Button, Icon, Image, Item, Label, Rating, Modal, Header, Card } from 'semantic-ui-react';
  import '../../styles.css';
  
  
  class RenderList extends React.Component {
  
    componentDidMount(){
  
    }
  
  
    renderList() {
      const listReview = this.props.list;
      return (listReview || []).map(l =&gt; {
        if(this.props.starVal == undefined){
  
          return (
            &lt;div class="ui card"&gt;
              &lt;div class="content"&gt;
                &lt;div class="header"&gt;{l.title}&lt;/div&gt;
                &lt;div style={{float:"right"}}&gt;
                  &lt;Rating size="large" icon="star" disabled defaultRating={l.rating} maxRating={5}&gt; &lt;/Rating&gt;
                &lt;/div&gt;
                &lt;div style={{marginTop:"12px"}} class="meta"&gt; by {l.name}&lt;/div&gt;
                &lt;div style={{marginTop:"12px"}} class="description"&gt;{l.review}&lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          );
        }
         if(l.rating == this.props.starVal) {
          return (
            &lt;div class="ui card"&gt;
              &lt;div class="content"&gt;
                &lt;div class="header"&gt;{l.title}&lt;/div&gt;
                &lt;div style={{float:"right"}}&gt;
                  &lt;Rating size="large" icon="star" disabled defaultRating={l.rating} maxRating={5}&gt; &lt;/Rating&gt;
                &lt;/div&gt;
                &lt;div style={{marginTop:"12px"}} class="meta"&gt; by {l.name}&lt;/div&gt;
                &lt;div style={{marginTop:"12px"}} class="description"&gt;{l.review}&lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
                );
        }
              });
              }
  
              render() {
                return (
  
                  &lt;div&gt;
                    &lt;div class="ui cards" style={{  overflow: "auto", maxHeight: "50vh", marginTop:"0px"}} &gt;{this.renderList()}&lt;/div&gt;
                  &lt;/div&gt;
                );
              }
              }
  
          const mapStateToProps = state =&gt; {
            return {
              list: Object.values(state.list),
              starVal: state.list.starValue
  
            };
  };
  
  export default connect(mapStateToProps, { getReviews, calculateAverage })(RenderList);
  
  </code></pre>
  
  <hr>
  
  <p>db.json is the json db from which the value is being retrieved.</p>
  
  <hr>
  
  <pre><code>{
    "reviews": [
      {
        "id": 1,
        "name": "Test User",
        "title": "Perfect",
        "review": "this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product",
        "rating": 5
      },
      {
        "id": 2,
        "name": "Test User",
        "title": "Decent Product",
        "review": "this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product",
        "rating": 4
      },
      {
        "id": 3,
        "name": "Test User",
        "title": "Easy Installation",
        "review": "this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product",
        "rating": 4
      },
      {
        "id": 4,
        "name": "Test User",
        "title": "Not bad",
        "review": "this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product",
        "rating": 3
      },
      {
        "id": 5,
        "name": "Test Userkjnkjnkjnkjnkjnkjnkjnkjnkjnkjnkjnk",
        "title": "Does the job",
        "review": "this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product",
        "rating": 3
      },
      {
        "id": 6,
        "name": "Test User",
        "title": "Hey",
        "review": "this is a great product, this is a great product, this is a great product, this is a great product, this is a great product, this is a great product",
        "rating": 3
      },
      {
        "id": 7,
        "name": "jknjknjnkjnkjnkjnkjnkjnkjnknjknkjnkjnkjnkjnkjnkjnkjnkjnkjnk",
        "title": "jnjnkjnkjnkjkn",
        "review": " n n n jn jhjhbhjbjnkjnjuhiubihbibbkjbnjknkjbjhbjkbkjbkjbkbkhbjbjkbkjbjkbkjbjbkjbjkbjkbjbjkbkjbjbkjbkjbjbkjb",
        "rating": 2
      }
    ],
    "stars": [
      {
        "id": 1,
        "one": 0
      },
      {
        "id": 2,
        "two": 2000
      },
      {
        "id": 3,
        "three": 0
      },
      {
        "id": 4,
        "four": 0
      },
      {
        "id": 5,
        "five": 0
      }
    ]
  }
  
  </code></pre>
  
  <p>Please let me know if you need any other piece of code.</p>