@passkeyme/react-auth 2.2.3 → 2.2.5

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
@@ -6686,6 +6687,8 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
     };
     // Proceed with redirect after auth completion
     const proceedWithRedirect = async () => {
+        // Clean URL immediately to prevent effect re-run with stale URL params
+        window.history.replaceState({}, document.title, window.location.pathname);
         setTimeout(async () => {
             const currentUser = state.authenticatedUser || user;
             if (onSuccess && currentUser) {
@@ -6700,15 +6703,14 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                 }
             }
             else {
-                // Clean URL and redirect to success page
-                window.history.replaceState({}, document.title, window.location.pathname);
+                // Redirect to success page
                 window.location.href = successRedirect;
             }
         }, 100);
     };
     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 +6730,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);
                     }
@@ -6767,7 +6769,7 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                         });
                         debugLog(config, "CallbackHandler", "Token flow - updated state, showPasskeyPrompt:", shouldPrompt);
                         // Mark callback as processed to prevent re-execution
-                        setCallbackProcessed(true);
+                        callbackProcessedRef.current = true;
                         if (!shouldPrompt) {
                             // Proceed with normal redirect
                             proceedWithRedirect();
@@ -6780,7 +6782,7 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                             error: errorMessage,
                             success: false,
                         });
-                        setCallbackProcessed(true);
+                        callbackProcessedRef.current = true;
                         if (onError) {
                             onError(errorMessage);
                         }
@@ -6818,7 +6820,7 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                         });
                         debugLog(config, "CallbackHandler", "OAuth code flow - updated state, showPasskeyPrompt:", shouldPrompt);
                         // Mark callback as processed to prevent re-execution
-                        setCallbackProcessed(true);
+                        callbackProcessedRef.current = true;
                         if (!shouldPrompt) {
                             // Proceed with normal redirect
                             proceedWithRedirect();
@@ -6831,7 +6833,7 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
                             error: errorMessage,
                             success: false,
                         });
-                        setCallbackProcessed(true);
+                        callbackProcessedRef.current = true;
                         if (onError) {
                             onError(errorMessage);
                         }
@@ -6849,7 +6851,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);
                     }
@@ -6862,12 +6864,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);
                 }
@@ -6882,7 +6884,6 @@ const PasskeymeCallbackHandler = ({ loadingComponent: LoadingComponent, errorCom
         };
         processCallback();
     }, [
-        callbackProcessed,
         handleCallback,
         handleTokenCallback,
         onError,