@passkeyme/react-auth 2.2.2 → 2.2.4

package/dist/index.js

@@ -6474,7 +6474,8 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
         authenticatedUser: null,
     });
     // Track if we've already processed the callback to prevent loops
-    const [callbackProcessed, setCallbackProcessed] = React.useState(false);
+    // Using useRef instead of useState to avoid triggering re-renders when marked as processed
+    const callbackProcessedRef = React.useRef(false);
     // Get effective passkey configuration (merge config with props)
     const effectivePasskeyConfig = {
         promptRegistration: (_d = (_b = (_a = passkey === null || passkey === void 0 ? void 0 : passkey.promptRegistration) !== null && _a !== void 0 ? _a : config.autoPromptPasskeyRegistration) !== null && _b !== void 0 ? _b : (_c = config.passkey) === null || _c === void 0 ? void 0 : _c.autoPromptRegistration) !== null && _d !== void 0 ? _d : true, // Default to true
@@ -6708,7 +6709,7 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
     };
     React.useEffect(() => {
         // Don't process callback again if we've already done it
-        if (callbackProcessed)
+        if (callbackProcessedRef.current)
             return;
         const processCallback = async () => {
             try {
@@ -6728,7 +6729,7 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                 if (error) {
                     const errorMessage = errorDescription || error || "Authentication failed";
                     updateState({ loading: false, error: errorMessage, success: false });
-                    setCallbackProcessed(true);
+                    callbackProcessedRef.current = true;
                     if (onError) {
                         onError(errorMessage);
                     }
@@ -6766,6 +6767,8 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                             showPasskeyPrompt: shouldPrompt,
                         });
                         debugLog(config, "CallbackHandler", "Token flow - updated state, showPasskeyPrompt:", shouldPrompt);
+                        // Mark callback as processed to prevent re-execution
+                        callbackProcessedRef.current = true;
                         if (!shouldPrompt) {
                             // Proceed with normal redirect
                             proceedWithRedirect();
@@ -6778,7 +6781,7 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                             error: errorMessage,
                             success: false,
                         });
-                        setCallbackProcessed(true);
+                        callbackProcessedRef.current = true;
                         if (onError) {
                             onError(errorMessage);
                         }
@@ -6815,6 +6818,8 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                             showPasskeyPrompt: shouldPrompt,
                         });
                         debugLog(config, "CallbackHandler", "OAuth code flow - updated state, showPasskeyPrompt:", shouldPrompt);
+                        // Mark callback as processed to prevent re-execution
+                        callbackProcessedRef.current = true;
                         if (!shouldPrompt) {
                             // Proceed with normal redirect
                             proceedWithRedirect();
@@ -6827,7 +6832,7 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                             error: errorMessage,
                             success: false,
                         });
-                        setCallbackProcessed(true);
+                        callbackProcessedRef.current = true;
                         if (onError) {
                             onError(errorMessage);
                         }
@@ -6845,7 +6850,7 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                 if (!token && !code) {
                     const errorMessage = "No authentication token or code received";
                     updateState({ loading: false, error: errorMessage, success: false });
-                    setCallbackProcessed(true);
+                    callbackProcessedRef.current = true;
                     if (onError) {
                         onError(errorMessage);
                     }
@@ -6858,12 +6863,12 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                     }
                 }
                 // Mark as processed if we got here
-                setCallbackProcessed(true);
+                callbackProcessedRef.current = true;
             }
             catch (err) {
                 const errorMessage = err instanceof Error ? err.message : "Authentication failed";
                 updateState({ loading: false, error: errorMessage, success: false });
-                setCallbackProcessed(true);
+                callbackProcessedRef.current = true;
                 if (onError) {
                     onError(errorMessage);
                 }
@@ -6878,7 +6883,6 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
         };
         processCallback();
     }, [
-        callbackProcessed,
         handleCallback,
         handleTokenCallback,
         onError,