Integrations
React
React hooks for billing UI
Setup
import { createBillingClient } from "billsdk/react";
export const billing = createBillingClient({
baseURL: "/api/billing",
});| Option | Type | Default |
|---|---|---|
baseURL | string | "/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();