Skip to main content
You can find customers’ usage info for bonuses from the following fields when evaluating feature access…
  • bonusRemaining
  • bonusUsed
import { useFeatureAccess } from "priceos/react";
import type { MyFeatures } from "./priceos.types";

export function BonusUsageCard() {
  const { usage, isLoading } = useFeatureAccess<MyFeatures>("credits");

  if (isLoading) return <div>Loading...</div>;
  if (!usage) return <div>No usage data available.</div>;

  return (
    <div>
      <p>Bonus remaining: {usage.bonusRemaining}</p>
      <p>Bonus used: {usage.bonusUsed}</p>
    </div>
  );
}