title: Warning: Failed prop type: The prop `justify` of `ForwardRef(Grid)` is deprecated. Use `justifyContent` instead, the prop was renamed
body: <p>Can someone help me in solving this error.
  I am unable to rectify this error.
  <a href="https://i.stack.imgur.com/Azd10.png" rel="nofollow noreferrer">this is what i got in the browser's console</a></p>
  <pre><code>const Cart = ({ cart }) =&gt; {
      const classes = useStyles();
  
      const EmptyCart = () =&gt; (
          &lt;Typography variant=&quot;subtitle1&quot;&gt;
              You have no items in your cart, start adding some!!!
          &lt;/Typography&gt;
      );
      const FilledCart = () =&gt; (
          &lt;&gt;
              &lt;Grid container spacing={3}&gt;
                  {cart.line_items.map((item) =&gt; (
                      &lt;Grid item xs={12} sm={4} key={item.id}&gt;
                          &lt;CartItem item={ item }/&gt;
                      &lt;/Grid&gt;
                  ))}
              &lt;/Grid&gt;
              &lt;div className={classes.cardDetails}&gt;
                  &lt;Typography variant='h4'&gt;
                      Subtotal: {cart.subtotal.formatted_with_symbol}
                  &lt;/Typography&gt;
                  &lt;Button className={classes.emptyButton} size=&quot;large&quot; type=&quot;button&quot; variant=&quot;contained&quot; color=&quot;secondary&quot;&gt;Empty cart&lt;/Button&gt;
                  &lt;Button className={classes.checkoutButton} size=&quot;large&quot; type=&quot;button&quot; variant=&quot;contained&quot; color=&quot;primary&quot;&gt;Checkout&lt;/Button&gt;
              &lt;/div&gt;
          &lt;/&gt;
      )
      if (!cart.line_items)
          return '.......loading';
  
      return (&lt;Container&gt;
          &lt;div className={classes.toolbar} /&gt;
          &lt;Typography className={classes.title} variant='h3' gutterBottom&gt;
              Your Shopping Cart
          &lt;/Typography&gt;
          {!cart.line_items.length ? &lt;EmptyCart /&gt; : &lt;FilledCart /&gt;}
      &lt;/Container&gt;);
  };
  export default Cart;
  </code></pre>