Function useProduct

Example

function ProductPage({ productId }: { productId: string }) {
  const { product, isLoading, isError } = useProduct(productId);

  if (isLoading) return <div>Loading...</div>;
  if (isError) return <div>Error loading product</div>;
  if (!product) return <div>Product not found</div>;

  const variant = product.variants[0];

  return (
    <div>
      <h1>{product.name}</h1>
      {variant && <p>{variant.price} {product.currency}</p>}
    </div>
  );
}
Copy