fix(clerk-js): Handle gracefully yet unknown to our components Web3 p…

…roviders (#4263)
clerk · Oct 1, 2024 · 8568534 · 8568534
1 parent a361200
commit 8568534
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/.changeset/hot-pants-change.md b/.changeset/hot-pants-change.md
@@ -0,0 +1,5 @@
+---
+"@clerk/clerk-js": patch
+---
+
+Handle gracefully yet unknown to our components Web3 providers
diff --git a/packages/clerk-js/src/ui/hooks/useEnabledThirdPartyProviders.tsx b/packages/clerk-js/src/ui/hooks/useEnabledThirdPartyProviders.tsx
@@ -23,6 +23,7 @@ type ThirdPartyProviderToDataMap = {
 };
 
 const oauthStrategies = OAUTH_PROVIDERS.map(p => p.strategy);
+const web3Strategies = WEB3_PROVIDERS.map(p => p.strategy);
 
 const providerToDisplayData: ThirdPartyProviderToDataMap = fromEntries(
   [...OAUTH_PROVIDERS, ...WEB3_PROVIDERS].map(p => {
@@ -89,9 +90,12 @@ export const useEnabledThirdPartyProviders = () => {
     return aName.localeCompare(bName);
   });
 
+  // Filter out any Web3 strategies that are not yet known, they are not included in our types.
+  const knownWeb3Strategies = web3FirstFactors.filter(s => web3Strategies.includes(s));
+
   return {
-    strategies: [...knownSocialProviderStrategies, ...web3FirstFactors, ...customSocialProviderStrategies],
-    web3Strategies: [...web3FirstFactors],
+    strategies: [...knownSocialProviderStrategies, ...knownWeb3Strategies, ...customSocialProviderStrategies],
+    web3Strategies: knownWeb3Strategies,
     authenticatableOauthStrategies,
     strategyToDisplayData: strategyToDisplayData,
     providerToDisplayData: providerToDisplayData,