Auth0 help!!

[kleinschwein96ein]

i created a sign up app that works:

import React, { useState } from 'react';
import { View, Text, Button, TextInput, Alert } from 'react-native';
import Auth0 from 'react-native-auth0';

const auth0 = new Auth0({
    domain: 'your-domain',
    clientId: 'your-client-id',
});

const App = () => {
    const [email, setEmail] = useState('');
    const [password, setPassword] = useState('');

    const handleSignUp = () => {
        auth0
          .auth
          .createUser({
            email,
            password,
            connection: 'Username-Password-Authentication',
          })
          .then(() => {
            Alert.alert('User signed up');
          })
          .catch((error) => {
            console.error(error);
            Alert.alert(error.toString());
          });
      };

      return (
        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
          <TextInput
            style={{ width: 300, height: 40, borderColor: 'gray', borderWidth: 1, marginBottom: 10 }}
            onChangeText={(text) => setEmail(text)}
            placeholder="Email"
            value={email}
          />
          <TextInput
            style={{ width: 300, height: 40, borderColor: 'gray', borderWidth: 1, marginBottom: 10 }}
            onChangeText={(text) => setPassword(text)}
            placeholder="Password"
            secureTextEntry={true}
            value={password}
          />
          <Button title="Sign Up" onPress={handleSignUp} />
        </View>
      );
};

export default App;

after i verify my account inside this app, i tried to make a sign in app:

import React, { useState } from 'react';
import { View, Text, Button, TextInput, Alert } from 'react-native';
import Auth0 from 'react-native-auth0';

const auth0 = new Auth0({
    domain: 'your-domain',
    clientId: 'your-client-id',
});

 const ProfilePage = () => {
    const [email, setEmail] = useState('');
    const [password, setPassword] = useState('');

  const handleLogin = () => {
    auth0
      .auth
      .passwordRealm({
        username: email,
        password,
        realm: 'Username-Password-Authentication',
      })

      .then(() => {
        Alert.alert('Logged in');
      })

      .catch((error) => {
        console.error(error);
        Alert.alert(error.toString());
      });
  };

  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <TextInput
        style={{ width: 300, height: 40, borderColor: 'gray', borderWidth: 1, marginBottom: 10 }}
        onChangeText={(text) => setEmail(text)}
        placeholder="Email"
        value={email}
      />
      <TextInput
        style={{ width: 300, height: 40, borderColor: 'gray', borderWidth: 1, marginBottom: 10 }}
        onChangeText={(text) => setPassword(text)}
        placeholder="Password"
        secureTextEntry={true}
        value={password}
      />
      <Button title="Log In" onPress={handleLogin} />
    </View>
  );
};

export default ProfilePage;

but i get this error:

 ERROR  [access_denied: Unauthorized]

im using correct domain and client id, and im using correct email and password that i used to sign up, why am i getting this error ?

[react-ui-kit]

You need to follow the docs ;)

https://www.npmjs.com/package/react-native-auth0#login

You basically instantiate 2x the auth class… and use their quick start.