billSDK
Integrations

React

React hooks for billing UI

Setup

lib/billing-client.ts
import { createBillingClient } from "billsdk/react";

export const billing = createBillingClient({
  baseURL: "/api/billing",
});
OptionTypeDefault
baseURLstring"/api/billing"
credentials"include" | "omit" | "same-origin""include"

Hooks

All return { data, isLoading, error, refresh }.

// Subscription
const { data: subscription } = billing.useSubscription();
subscription?.status  // "active" | "trialing" | ...
subscription?.planCode

// Plans
const { data: plans } = billing.usePlans();

// Customer
const { data: customer } = billing.useCustomer();

Set Customer ID

// After auth
billing.setCustomerId(user.id);

// On logout
billing.setCustomerId("");

Refresh

// Global refresh
billing.refresh();

// Per-hook refresh
const { refresh } = billing.useSubscription();

On this page