diff --git a/account-kit/react/src/components/auth/card/add-passkey.tsx b/account-kit/react/src/components/auth/card/add-passkey.tsx
index fb48a87cf1..6de8a97b7a 100644
--- a/account-kit/react/src/components/auth/card/add-passkey.tsx
+++ b/account-kit/react/src/components/auth/card/add-passkey.tsx
@@ -50,6 +50,7 @@ export const AddPasskey = () => {
icon={}
shouldDisconnect={false}
handleTryAgain={addPasskey}
+ handleSkip={() => setAuthStep({ type: "complete" })}
/>
);
}
diff --git a/account-kit/react/src/components/auth/card/error/connection-error.tsx b/account-kit/react/src/components/auth/card/error/connection-error.tsx
index e78f61af6a..75616b951d 100644
--- a/account-kit/react/src/components/auth/card/error/connection-error.tsx
+++ b/account-kit/react/src/components/auth/card/error/connection-error.tsx
@@ -12,6 +12,7 @@ type ConnectionErrorProps = {
handleTryAgain?: () => void;
handleUseAnotherMethod?: () => void;
shouldDisconnect?: boolean;
+ handleSkip?: () => void;
};
export const ConnectionError = ({
@@ -22,6 +23,7 @@ export const ConnectionError = ({
handleTryAgain,
handleUseAnotherMethod,
shouldDisconnect = true,
+ handleSkip,
}: ConnectionErrorProps) => {
const { config } = useAlchemyAccountContext();
@@ -53,6 +55,15 @@ export const ConnectionError = ({
{ls.error.cta.useAnotherMethod}
)}
+ {handleSkip && (
+
+ )}
);
};
diff --git a/account-kit/react/src/strings.ts b/account-kit/react/src/strings.ts
index 174d8fa470..e5ee54ea3e 100644
--- a/account-kit/react/src/strings.ts
+++ b/account-kit/react/src/strings.ts
@@ -61,6 +61,7 @@ const STRINGS = {
cta: {
tryAgain: "Try again",
useAnotherMethod: "Use another method",
+ skip: "Skip",
},
customErrorMessages: {
eoa: {