return the count

Author: alexcarpenter

packages/clerk-js/src/ui/components/SignIn/SignInStart.tsx

@@ -88,7 +88,7 @@ function SignInStartInternal(): JSX.Element {
   const ctx = useSignInContext();
   const { afterSignInUrl, signUpUrl, waitlistUrl, isCombinedFlow, navigateOnSetActive } = ctx;
   const supportEmail = useSupportEmail();
-  const { totalCount: totalEnabledAuthMethods } = useTotalEnabledAuthMethods();
+  const totalEnabledAuthMethods = useTotalEnabledAuthMethods();
   const identifierAttributes = useMemo<SignInStartIdentifier[]>(
     () => groupIdentifiers(userSettings.enabledFirstFactorIdentifiers),
     [userSettings.enabledFirstFactorIdentifiers],

packages/clerk-js/src/ui/elements/SocialButtons.tsx

@@ -66,7 +66,7 @@ export const SocialButtons = React.memo((props: SocialButtonsRootProps) => {
   } = props;
   const { web3Strategies, authenticatableOauthStrategies, strategyToDisplayData, alternativePhoneCodeChannels } =
     useEnabledThirdPartyProviders();
-  const { totalCount: totalEnabledAuthMethods } = useTotalEnabledAuthMethods();
+  const totalEnabledAuthMethods = useTotalEnabledAuthMethods();
   const card = useCardState();
   const clerk = useClerk();
   const { socialButtonsVariant } = useAppearance().parsedLayout;

packages/clerk-js/src/ui/elements/__tests__/SocialButtons.test.tsx

@@ -136,7 +136,7 @@ describe('SocialButtons', () => {
 
       // Verify the total count is actually 1 using the hook
       const { result } = renderHook(() => useTotalEnabledAuthMethods(), { wrapper });
-      expect(result.current.totalCount).toBe(1);
+      expect(result.current).toBe(1);
 
       fixtures.clerk.client.lastAuthenticationStrategy = 'oauth_google';
 
@@ -165,7 +165,7 @@ describe('SocialButtons', () => {
 
       // Verify the total count is 2 (email + google)
       const { result } = renderHook(() => useTotalEnabledAuthMethods(), { wrapper });
-      expect(result.current.totalCount).toBe(2);
+      expect(result.current).toBe(2);
 
       fixtures.clerk.client.lastAuthenticationStrategy = 'oauth_google';
 

packages/clerk-js/src/ui/hooks/useTotalEnabledAuthMethods.ts

@@ -3,7 +3,7 @@ import type { Attribute } from '@clerk/shared/types';
 import { useEnvironment } from '../contexts/EnvironmentContext';
 import { useEnabledThirdPartyProviders } from './useEnabledThirdPartyProviders';
 
-export const useTotalEnabledAuthMethods = (): { totalCount: number } => {
+export const useTotalEnabledAuthMethods = (): number => {
   const { userSettings } = useEnvironment();
   const { authenticatableOauthStrategies, web3Strategies, alternativePhoneCodeChannels } =
     useEnabledThirdPartyProviders();
@@ -18,5 +18,5 @@ export const useTotalEnabledAuthMethods = (): { totalCount: number } => {
 
   const totalCount = firstFactorCount + oauthCount + web3Count + alternativePhoneCodeCount;
 
-  return { totalCount };
+  return totalCount;
 };