function ProductComparison({ productIds }: { productIds: string[] }) {
const { data, isLoading, isError } = useProducts({ productIds });
if (isLoading) return <div>Loading...</div>;
if (isError) return <div>Error loading products</div>;
return (
<div className="comparison-grid">
{data?.map(product => (
<ProductCard key={product.id} product={product} />
))}
</div>
);
}
Hook to fetch multiple products by their IDs