La question de l'uri de redirection dans LinkedIn Login en utilisant React

j'essaie d'ajouter une authentification LinkedIn avec React en suivant ce lien https://github.com/orionsoft/react-linkedin-login. Le tutoriel ne mentionne pas le redirect_uri raison pour laquelle je l'ai laissé vide. Mais quand j'essaie de me connecter en utilisant mon application react, une erreur se produit ce qui est le bon redirect_uri à utiliser dans l'application react. L'erreur LinkedIn va comme ceci "redirect_uri ne correspond pas à la valeur enregistrée".

mon site web URL is http://localhost:3000

veuillez vous référer aux captures d'écran pour les paramètres de la Console de développeur LinkedIn

j'ajoute le code dans react

import React, { Component } from 'react';
import LinkedIn from 'react-linkedin-login'

class SocialLogin extends Component {
  constructor(props)
  {
    super(props);
  }
  
  callbackLinkedIn ({code, redirectUri}) {
    console.log(code+"linked in code")
  }

  
  render() {
    return (
      <div className="login-box">
        <div className="social-login">
             <LinkedIn
              clientId='***********'
              callback={this.callbackLinkedIn.bind(this)}
              text='LinkedIn' /> 
        </div>
      </div>
    );
  }
}

export default SocialLogin;

j'obtiens ce problème ""Le redirect_uri ne correspond pas à la valeur enregistrée"".veuillez consulter la dernière image

j'ai donné la 4 redirection Url de la forme:

1. http://localhost:3000
2. http://localhost:3000/callback
3. http://localhost:3000/signin-linkedin
4. http://localhost:3000/auth/linkedin/callback

Mais j'obtiens le même problème. Merci de m'aider avec ce problème.