Configuration options.
State and methods for handling 402 responses.
import { usePaymentRequired } from "@t402/react";
function ProtectedResource() {
const { paymentRequired, status, fetchResource } = usePaymentRequired({
onSuccess: (response) => console.log("Access granted!"),
});
const handleFetch = async () => {
const response = await fetchResource("/api/protected");
if (response && response.ok) {
const data = await response.json();
// Handle successful response
}
};
if (paymentRequired) {
return <PaymentUI data={paymentRequired} />;
}
return <button onClick={handleFetch}>Access Resource</button>;
}
Hook to fetch a resource and capture 402 Payment Required responses.