Overview
After enabling both Social (e.g., “Continue with Google” button) and Database Connections, the Social Connection button is not displayed on the New Universal Login screen while the Database Connection is available. This article explains a potential cause and resolution.
Applies To
- Social Connection
- Enterprise Connection
- Database Connection
- Passwordless Connection
Cause
Social and Enterprise connection buttons are not displayed on the New Universal Login screen if a Database or Passwordless connection name is specified in the connection parameter on the application side.
In a scenario where Google Social and Database Connections are enabled, if a Database Connection name (like Username-Password-Authentication) is specified in the connection parameter as below, users are always navigated to Database Connections to use, and a Google Social Connection button is not displayed.
Example with Auth0 React SDK
return (
<Auth0Provider
domain={domain}
clientId={clientId}
authorizationParams={{
audience: audience,
redirect_uri: redirectUri,
scope: "remove:authenticators",
connection: "Username-Password-Authentication"
}}
onRedirectCallback={onRedirectCallback}
>
{children}
</Auth0Provider>
);
Solution
Do not specify a Database or Passwordless Connection name in the connection parameter to display all enabled Social and Enterprise Connection buttons.
Example with Auth0 React SDK
return (
<Auth0Provider
domain={domain}
clientId={clientId}
authorizationParams={{
audience: audience,
redirect_uri: redirectUri,
scope: "remove:authenticators",
}}
onRedirectCallback={onRedirectCallback}
>
{children}
</Auth0Provider>
);