react-linkedin-login-oauth2 icon indicating copy to clipboard operation
react-linkedin-login-oauth2 copied to clipboard

popup window appears and dissapears in a split second

Open MeryAmun opened this issue 1 year ago • 0 comments

When I click on login with LinkedIn image, popup window appears and dissappears within a split second. how can i ssolve this please? Thanks

export const LinkedInLogin = () => { const { linkedInLogin } = useLinkedIn({ clientId:"my-client-id", redirectUri: ${window.location.origin}/oauth/complete/linkedin-oauth2, scope: "profile email", state: "linkedin_page", onSuccess: (code) => { console.log(code); setCode(code); }, onFailure: (error) => { console.log(error); setErrorMessage(error.errorMessage); },

}); const [code, setCode] = React.useState(""); const [errorMessage, setErrorMessage] = React.useState("");

return (

<img onClick={linkedInLogin} src={linkedin} alt="Log in with Linked In" style={{ maxWidth: "180px" }} />
  {!code && <div>No code</div>}
  {code && <div>Code: {code}</div>}
  {errorMessage && <div>{errorMessage}</div>}
</div>

MeryAmun avatar Feb 06 '24 04:02 MeryAmun