Fix unique key warning in React console

Author: w3bdesign

components/Cart/CartPage/MobileCart.component.jsx

@@ -27,7 +27,7 @@ const MobileCart = ({ cart, handleRemoveProductClick, updateCart }) => {
               {cart.products.length &&
                 cart.products.map((item) => (
                   <MobileCartItem
-                    key={item.productId}
+                    key={item}
                     item={item}
                     products={cart.products}
                     handleRemoveProductClick={handleRemoveProductClick}

components/Cart/CartPage/RegularCart.component.jsx

@@ -1,6 +1,11 @@
 import CartItem from './CartItem.component';
 
-const RegularCart = ({ cart, handleRemoveProductClick, updateCart, updateCartProcessing }) => {
+const RegularCart = ({
+  cart,
+  handleRemoveProductClick,
+  updateCart,
+  updateCartProcessing,
+}) => {
   return (
     <table className="hidden table-auto md:block lg:block xl:block">
       <thead>
@@ -25,10 +30,10 @@ const RegularCart = ({ cart, handleRemoveProductClick, updateCart, updateCartPro
         {cart.products.length &&
           cart.products.map((item) => (
             <CartItem
-              key={item.productId}
+              key={item}
               item={item}
               products={cart.products}
-              handleRemoveProductClick={handleRemoveProductClick}              
+              handleRemoveProductClick={handleRemoveProductClick}
               updateCart={updateCart}
               updateCartProcessing={updateCartProcessing}
             />