const [productsData, setProductsData] = useState({ products: [], loading: false });
  useEffect(() => {
    const fetchProducts = async () => {
      try {
        const response = await fetch(API_URL);
        const products = await response.json();
        setProductsData({
          products: products,
          loading: false
        })
      } catch (error) {
        throw new Error(error);
      }
    };
    fetchProducts();
  }, []);