Just a gist to explain React Query

Products.jsx

function ProductList() {
  const getProducts = async () => {
    const res = await fetch("https://api.amazon.com/products");
    const products = await res.json();
    return products;
  };

  const { data, isLoading, isError, error } = useQuery("productList", getProducts);

  if (isLoading) return "Loading...";

  if (isError) return "An error has occurred: " + error.message;

  return (
    <div>
      <h5>{data.name}</h5>
      <p>{data.description}</p>
      <p>$ {data.price}</p>
    </div>
  );
}