From d2c62f775f0aa724d3a3a18aeba986c93df40295 Mon Sep 17 00:00:00 2001
From: Laura Beatris <48022589+LauraBeatris@users.noreply.github.com>
Date: Mon, 1 Jul 2024 15:40:27 -0300
Subject: [PATCH] Fallback factors to empty array

---
 .changeset/chilled-dots-talk.md                         | 5 +++++
 packages/elements/src/react/sign-in/choose-strategy.tsx | 4 +++-
 2 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/chilled-dots-talk.md

diff --git a/.changeset/chilled-dots-talk.md b/.changeset/chilled-dots-talk.md
new file mode 100644
index 00000000000..3921349e154
--- /dev/null
+++ b/.changeset/chilled-dots-talk.md
@@ -0,0 +1,5 @@
+---
+"@clerk/elements": patch
+---
+
+Addresses the issue where sign-in factors were not properly falling back to empty arrays.
diff --git a/packages/elements/src/react/sign-in/choose-strategy.tsx b/packages/elements/src/react/sign-in/choose-strategy.tsx
index eb0ca634c01..d71814e6563 100644
--- a/packages/elements/src/react/sign-in/choose-strategy.tsx
+++ b/packages/elements/src/react/sign-in/choose-strategy.tsx
@@ -106,7 +106,9 @@ export const SignInSupportedStrategy = React.forwardRef<SignInSupportedStrategyE
 
     const supportedFirstFactors = snapshot.context.clerk.client.signIn.supportedFirstFactors;
     const supportedSecondFactors = snapshot.context.clerk.client.signIn.supportedSecondFactors;
-    const factor = [...supportedFirstFactors, ...supportedSecondFactors].find(factor => name === factor.strategy);
+    const factor = [...(supportedFirstFactors ?? []), ...(supportedSecondFactors ?? [])].find(
+      factor => name === factor.strategy,
+    );
 
     const currentFactor = useSelector(
       (snapshot.children[SignInRouterSystemId.firstFactor] ||