`import React, { useCallback, useState } from 'react'
import './App.css'
import {
IResolveParams,
LoginSocialLinkedin,
} from 'reactjs-social-login'
// CUSTOMIZE ANY UI BUTTON
import {
LinkedInLoginButton,
} from 'react-social-login-buttons'
import { User } from './User';
// REDIRECT URL must be same with URL where the (reactjs-social-login) components is locate
// MAKE SURE the (reactjs-social-login) components aren't unmounted or destroyed before the ask permission dialog closes
const REDIRECT_URI = window.location.href;
const App = () => {
const [provider, setProvider] = useState('')
const [profile, setProfile] = useState()
const onLoginStart = useCallback(() => {
alert('login start')
}, [])
const onLogoutSuccess = useCallback(() => {
setProfile(null)
setProvider('')
alert('logout success')
}, [])
return (
<>
{/* {provider && profile ? (
) : ( */}
<div className={App ${provider && profile ? 'hide' : ''}}>
ReactJS Social Login
<LoginSocialLinkedin
isOnlyGetToken
client_id={'clientId' || ''}
client_secret={'clientSecret' || ''}
redirect_uri={'http://localhost:3000'}
onLoginStart={onLoginStart}
onResolve={({ provider, data }: IResolveParams) => {
setProvider(provider)
setProfile(data)
}}
onReject={(err: any) => {
console.log(err)
}}
>
<LinkedInLoginButton />
</LoginSocialLinkedin>
</div>
{/* )} */}
</>
)
}
export default App`
http://localhost:3000/?error=unauthorized_scope_error&error_description=Scope+%26quot%3Br_liteprofile%26quot%3B+is+not+authorized+for+your+application&state=_linkedin
`import React, { useCallback, useState } from 'react'
import './App.css'
import {
IResolveParams,
LoginSocialLinkedin,
} from 'reactjs-social-login'
// CUSTOMIZE ANY UI BUTTON
import {
LinkedInLoginButton,
} from 'react-social-login-buttons'
import { User } from './User';
// REDIRECT URL must be same with URL where the (reactjs-social-login) components is locate
// MAKE SURE the (reactjs-social-login) components aren't unmounted or destroyed before the ask permission dialog closes
const REDIRECT_URI = window.location.href;
const App = () => {
const [provider, setProvider] = useState('')
const [profile, setProfile] = useState()
const onLoginStart = useCallback(() => {
alert('login start')
}, [])
const onLogoutSuccess = useCallback(() => {
setProfile(null)
setProvider('')
alert('logout success')
}, [])
return (
<>
{/* {provider && profile ? (
) : ( */}
<div className={
App ${provider && profile ? 'hide' : ''}}>ReactJS Social Login
)
}
export default App`
http://localhost:3000/?error=unauthorized_scope_error&error_description=Scope+%26quot%3Br_liteprofile%26quot%3B+is+not+authorized+for+your+application&state=_linkedin