@nozle-js/react 0.10.0 → 0.10.1

package/dist/index.d.cts

@@ -291,6 +291,7 @@ interface Plan$1 {
 declare function usePlans(): {
     plans: Plan$1[];
     isLoading: boolean;
+    error: Error | null;
 };
 
 interface UseCheckoutResult$1 {

package/dist/index.d.ts

@@ -291,6 +291,7 @@ interface Plan$1 {
 declare function usePlans(): {
     plans: Plan$1[];
     isLoading: boolean;
+    error: Error | null;
 };
 
 interface UseCheckoutResult$1 {

package/dist/index.js

@@ -2866,8 +2866,12 @@ function usePlans() {
   const { client } = useBillingContext();
   const [plans, setPlans] = useState([]);
   const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(null);
   useEffect(() => {
     let cancelled = false;
+    setIsLoading(true);
+    setError(null);
+    setPlans([]);
     if (!client) {
       setIsLoading(false);
       return;
@@ -2876,6 +2880,12 @@ function usePlans() {
       if (!response.ok) throw new Error(`HTTP ${response.status}`);
       const data = await response.json();
       if (!cancelled) setPlans(data.plans ?? []);
+    }).catch((cause) => {
+      if (!cancelled) {
+        setError(
+          cause instanceof Error ? cause : new Error("Failed to load plans")
+        );
+      }
     }).finally(() => {
       if (!cancelled) setIsLoading(false);
     });
@@ -2883,7 +2893,7 @@ function usePlans() {
       cancelled = true;
     };
   }, [client]);
-  return { plans, isLoading };
+  return { plans, isLoading, error };
 }
 function useCheckout2() {
   const { createCheckout } = useBillingContext();