From 2d8277d7f95e5189d385c2f62ed8625f0a47a669 Mon Sep 17 00:00:00 2001
From: Stefanos Anagnostou <stefanos@clerk.dev>
Date: Tue, 16 Apr 2024 18:52:34 +0300
Subject: [PATCH] fix(clerk-js): Fix transfer flow when having the Smart Bot
 Protection enabled

---
 .changeset/tall-news-invent.md                  | 5 +++++
 packages/clerk-js/src/ui/common/SSOCallback.tsx | 2 ++
 2 files changed, 7 insertions(+)
 create mode 100644 .changeset/tall-news-invent.md

diff --git a/.changeset/tall-news-invent.md b/.changeset/tall-news-invent.md
new file mode 100644
index 00000000000..6f5f3e88e65
--- /dev/null
+++ b/.changeset/tall-news-invent.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Fix transfer flow when having the Smart Bot Protection enabled
diff --git a/packages/clerk-js/src/ui/common/SSOCallback.tsx b/packages/clerk-js/src/ui/common/SSOCallback.tsx
index 40d7f4bf47d..b11cb9c2075 100644
--- a/packages/clerk-js/src/ui/common/SSOCallback.tsx
+++ b/packages/clerk-js/src/ui/common/SSOCallback.tsx
@@ -4,6 +4,7 @@ import React from 'react';
 
 import { Flow } from '../customizables';
 import { Card, LoadingCardContainer, useCardState, withCardStateProvider } from '../elements';
+import { CaptchaElement } from '../elements/CaptchaElement';
 import { useRouter } from '../router';
 import { handleError } from '../utils';
 
@@ -36,6 +37,7 @@ export const SSOCallbackCard = (props: HandleOAuthCallbackParams | HandleSamlCal
         <Card.Content>
           <Card.Alert>{card.error}</Card.Alert>
           <LoadingCardContainer />
+          <CaptchaElement />
         </Card.Content>
         <Card.Footer />
       </Card.Root>