Authenticating user with social provider doesn't seem to work

Hi @dan.woda,

Thanks for your reply. I’m also not sure what the error is, as nothing happens when I click on the Login button. But I was able to fix this using the webauth from auth0-js instead. See code below

import { WebAuth } from ‘auth0-js’;
import ‘./Login.css’;

function Login() {

let webauth = new WebAuth({
    domain: MY DOMAIN NAME,
    responseType: "token",
    clientID: xxxxx,
    redirectUri: "http://localhost:3000/dashboard"
});

function authorizeLogin() {
    webauth.authorize({
        connection: 'google-oauth2'
    });
}

return (
    <div className="login-container">
        <div className="logo-container">
            <img src={logo} alt="" />
        </div>
        <div className="credentials-container">
            <input type="text" placeholder="Username" />
            <input type="password" placeholder="Password" />
            <button onClick={() => authorizeLogin()}>Sign In</button>
        </div>
    </div>
);

};

This is kind of similar to the SDK you have recommended. Also, thanks for introducing the react SDK. I will definitely try it out.

Greetings,

Katab

2 Likes