@umituz/react-native-ai-generation-content 1.23.3 → 1.23.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-ai-generation-content",
-  "version": "1.23.3",
+  "version": "1.23.5",
   "description": "Provider-agnostic AI generation orchestration for React Native with result preview components",
   "main": "src/index.ts",
   "types": "src/index.ts",

package/src/features/couple-future/presentation/components/CoupleFutureWizard.tsx

@@ -49,6 +49,9 @@ export const CoupleFutureWizard: React.FC<CoupleFutureWizardProps> = ({
   });
 
   // Notify parent app when step changes
+  // NOTE: Do NOT include callbacks in dependencies - causes infinite loop!
+  // Parent app re-renders when onStepChange updates state, which recreates callbacks,
+  // which would retrigger this effect, creating infinite loop.
   useEffect(() => {
     if (flow.currentStep && callbacks?.onStepChange) {
       if (typeof __DEV__ !== "undefined" && __DEV__) {
@@ -60,7 +63,8 @@ export const CoupleFutureWizard: React.FC<CoupleFutureWizardProps> = ({
       }
       callbacks.onStepChange(flow.currentStep.id, flow.currentStep.type);
     }
-  }, [flow.currentStep, flow.currentStepIndex, callbacks]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [flow.currentStep, flow.currentStepIndex]);
 
   const handleScenarioPreviewContinue = useCallback(() => {
     if (typeof __DEV__ !== "undefined" && __DEV__) {
@@ -103,10 +107,26 @@ export const CoupleFutureWizard: React.FC<CoupleFutureWizardProps> = ({
 
   const renderCurrentStep = useCallback(() => {
     const step = flow.currentStep;
-    if (!step) return null;
+    if (!step) {
+      if (typeof __DEV__ !== "undefined" && __DEV__) {
+        console.log("[CoupleFutureWizard] renderCurrentStep: NO STEP");
+      }
+      return null;
+    }
+
+    if (typeof __DEV__ !== "undefined" && __DEV__) {
+      console.log("[CoupleFutureWizard] renderCurrentStep", {
+        stepId: step.id,
+        stepType: step.type,
+        stepIndex: flow.currentStepIndex,
+      });
+    }
 
     switch (step.type) {
       case StepType.SCENARIO_SELECTION:
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          console.log("[CoupleFutureWizard] Rendering SCENARIO_SELECTION (null)");
+        }
         return null; // Rendered by parent via CategoryNavigationContainer
 
       case StepType.SCENARIO_PREVIEW:
@@ -136,6 +156,15 @@ export const CoupleFutureWizard: React.FC<CoupleFutureWizardProps> = ({
           : translations.partnerB;
         const partnerConfig = isPartnerA ? config.partnerA : config.partnerB;
 
+        if (typeof __DEV__ !== "undefined" && __DEV__) {
+          console.log("[CoupleFutureWizard] Rendering PartnerStepScreen", {
+            isPartnerA,
+            stepId: step.id,
+            hasConfig: !!partnerConfig,
+            hasTranslations: !!partnerTranslations,
+          });
+        }
+
         return (
           <PartnerStepScreen
             key={isPartnerA ? "a" : "b"}

package/src/presentation/components/flows/useAIGenerateWizardFlow.ts

@@ -31,6 +31,9 @@ export function useAIGenerateWizardFlow({
   } = state;
 
   // Notify parent app when step changes
+  // NOTE: Do NOT include onStepChange in dependencies - causes infinite loop!
+  // Parent app re-renders when callback updates state, recreating the callback,
+  // which would retrigger this effect in an infinite loop.
   useEffect(() => {
     if (onStepChange) {
       if (typeof __DEV__ !== "undefined" && __DEV__) {
@@ -40,7 +43,8 @@ export function useAIGenerateWizardFlow({
       }
       onStepChange(currentStep);
     }
-  }, [currentStep, onStepChange]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentStep]);
 
   const imageCountRequired = useMemo(() => {
     if (!featureType || !hasAIFeature(featureType)) return 0;