@erikey/react 0.4.34 → 0.4.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@erikey/react",
-  "version": "0.4.34",
+  "version": "0.4.36",
   "description": "React SDK for Erikey - B2B authentication and user management. UI components based on better-auth-ui.",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",

package/src/ui/components/auth/auth-flow.tsx

@@ -40,7 +40,8 @@ export interface AuthFlowProps
     initialView?: AuthFlowView
     /**
      * URL to redirect to after successful authentication.
-     * In "internal" mode, called after AUTH_SUCCESS event.
+     * Used by OAuth callbacks and underlying auth forms.
+     * In "internal" mode, session state change triggers re-render automatically.
      */
     redirectTo?: string
     /**
@@ -246,13 +247,27 @@ export function AuthFlow({
                 // In route mode, or for non-auth paths, let the link work normally
             }
 
-            // If external Link provided (e.g., react-router), use it
+            // In internal mode for auth paths, ALWAYS use plain <a> that we control
+            // This avoids relying on external Link components forwarding onClick
+            if (mode === "internal" && isAuthPath(href)) {
+                return (
+                    <a
+                        href={href}
+                        className={linkClassName}
+                        onClick={handleClick}
+                        {...rest}
+                    >
+                        {children}
+                    </a>
+                )
+            }
+
+            // For non-auth paths or route mode, use external Link if provided
             if (ExternalLink) {
                 return (
                     <ExternalLink
                         href={href}
                         className={linkClassName}
-                        onClick={handleClick}
                         {...rest}
                     >
                         {children}
@@ -281,16 +296,11 @@ export function AuthFlow({
             // Forward to user's handler
             onEvent?.(event)
 
-            // In internal mode, handle AUTH_SUCCESS by redirecting
-            if (mode === "internal" && event.type === "AUTH_SUCCESS") {
-                if (externalNavigate) {
-                    externalNavigate(redirectTo)
-                } else {
-                    window.location.href = redirectTo
-                }
-            }
+            // In internal mode, don't auto-redirect on AUTH_SUCCESS
+            // Let React re-render based on session state (useSession hook)
+            // User can handle AUTH_SUCCESS in onEvent if custom behavior needed
         },
-        [onEvent, mode, redirectTo, externalNavigate]
+        [onEvent]
     )
 
     // Get the view key for AuthView component