Product List with Redux useSelector hook

products-list-hook.jsx

import React from 'react';
import { useSelector } from 'react-redux';

function ProductList() {
  const cart = useSelector(state => state.shop.cart);

  return (
    <div>
      {
        cart
          .map(cartProduct => (
            <h1 key={cartProduct.id}>
              { cartProduct.name }
            </h1>
          ))
      }
    </div>
  );
}

export default ProductList;