@umituz/react-native-subscription 3.1.20 → 3.1.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "3.1.20",
+  "version": "3.1.21",
   "description": "Complete subscription management with RevenueCat, paywall UI, and credits system for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/domains/paywall/components/PaywallScreen.tsx

@@ -88,19 +88,23 @@ export const PaywallScreen: React.FC<PaywallScreenProps> = React.memo((props) =>
     onClose: handleClose
   });
 
+  // Cleanup on unmount only - resetState is stable from useCallback
   useEffect(() => {
     return () => {
       if (__DEV__) console.log('[PaywallScreen] 🧹 Cleanup: resetting state');
       resetState();
     };
-  }, [resetState]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
 
   // Auto-select first package
   useEffect(() => {
     if (hasItems(packages) && !selectedPlanId) {
       setSelectedPlanId(packages[0].product.identifier);
     }
-  }, [packages, selectedPlanId, setSelectedPlanId]);
+    // setSelectedPlanId is stable from useState, packages.length is sufficient
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [packages?.length, selectedPlanId]);
 
   const handleLegalUrl = useCallback(async (url: string | undefined) => {
     if (!url) return;

package/src/domains/paywall/hooks/usePaywallActions.ts

@@ -5,7 +5,7 @@
  * Handlers extracted to separate modules for better maintainability.
  */
 
-import { useState, useRef, useMemo } from "react";
+import { useState, useRef, useMemo, useCallback } from "react";
 import type { UsePaywallActionsParams } from "./usePaywallActions.types";
 import { usePurchaseHandler } from "./usePaywallPurchase";
 import { useRestoreHandler } from "./usePaywallRestore";
@@ -59,14 +59,14 @@ export function usePaywallActions({
     callbacksRef,
   });
 
-  // Reset state
-  const resetState = () => {
+  // Reset state - memoized with useCallback to prevent infinite loops
+  const resetState = useCallback(() => {
     if (__DEV__) {
       console.log('[usePaywallActions] 🧹 Resetting state');
     }
     setSelectedPlanId(null);
     setIsProcessing(false);
-  };
+  }, []);
 
   // Return API
   return useMemo(() => ({
@@ -76,5 +76,5 @@ export function usePaywallActions({
     handlePurchase,
     handleRestore,
     resetState,
-  }), [selectedPlanId, isProcessing, handlePurchase, handleRestore]);
+  }), [selectedPlanId, isProcessing, handlePurchase, handleRestore, resetState]);
 }