sdk Facebook error "Not Logged in: You are not logged in." React-Native

I'm trying to add the facebook login button using the Facebook sdk but I get the following error:

Here is the code of the login screen in react:

import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  View,
  Text,
} from 'react-native';

import FBSDK, {
  LoginButton,
  AccessToken
} from 'react-native-fbsdk';



export default class LoginView extends Component<Props> {


  render() {
    return (
      <View style={styles.container}>
        <Text style ={styles.welcome}>
          Bienvenidos a PlatziMusic
        </Text>
        <LoginButton
          readPermissions={["public_profile","email"]}
          onLoginFinished={
            (error, result) => {
              if (error) {
                console.error(error)
                alert("login has error: " + result.error);
              } else if (result.isCancelled) {
                alert("login is cancelled.");
              } else {
                AccessToken.getCurrentAccessToken().then(
                  (data) => {
                    alert(data.accessToken.toString())
                  }
                )
              }
            }
          }
          onLogoutFinished={() => alert("logout.")}/>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'lightgray',
    paddingTop:10,
    justifyContent:'center',
    alignItems:'center',
  },
  welcome:{
    fontSize:24,
    fontWeight:'600',
    marginBottom:20,

  }

});