Getting Error : http://localhost:3000/?error=unauthorized_scope_error&error_description=Scope+%26quot%3Br_liteprofile%26quot%3B+is+not+authorized+for+your+application&state=_linkedin

Rohini1206 commented 2 months ago

`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' : ''}`}>
      <h1 className='title'>ReactJS Social Login</h1>

      <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