I set up Auth0 in React Native (using Expo iOS app Xcode simulator). When "login" is invoked, it doesn't run "authorize()". It's not taking me to the Auth0 login page. For my callback URL in Auth0, I set it to localhost:19000 (which is the same as my expo-client).

import React from 'react';
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Button, Text, View } from 'react-native';
import {useAuth0, Auth0Provider} from 'react-native-auth0';

const Home = () => {
  const {authorize, clearSession, user} = useAuth0();

  const login = async () => {
    try {
      await authorize();
    } catch (err) {
      console.log(err);
    }
  }

  const onLogout = async () => {
    try {
      await clearSession();
    } catch (err) {
      console.log('log out canceled');
    }
  }

  return (
    <View style={styles.container}>
      {!user && <Button onPress={login} title="Log in" />}
      {user && <Text>Logged in as {user.name}</Text>}
    </View>
  )
}

const App = () => {
  return (
    <Auth0Provider domain={"ihavemydomainhere} clientId={"ihavemyclientidhere"}>
      <Home />
    </Auth0Provider>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#F5FCFF',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

export default App;

I set up Auth0 in React Native (using Expo iOS app Xcode simulator). When "login" is invoked, it doesn't run "authorize()". It's not taking me to the Auth0 login page. For my callback URL in Auth0, I set it to localhost:19000 (which is the same as my expo-client).

import React from 'react';
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Button, Text, View } from 'react-native';
import {useAuth0, Auth0Provider} from 'react-native-auth0';

const Home = () => {
  const {authorize, clearSession, user} = useAuth0();

  const login = async () => {
    try {
      await authorize();
    } catch (err) {
      console.log(err);
    }
  }

  const onLogout = async () => {
    try {
      await clearSession();
    } catch (err) {
      console.log('log out canceled');
    }
  }

  return (
    <View style={styles.container}>
      {!user && <Button onPress={login} title="Log in" />}
      {user && <Text>Logged in as {user.name}</Text>}
    </View>
  )
}

const App = () => {
  return (
    <Auth0Provider domain={"ihavemydomainhere} clientId={"ihavemyclientidhere"}>
      <Home />
    </Auth0Provider>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#F5FCFF',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

export default App;

• javascript
• react-native
• auth0

• It seems impossible for login() to not run authorize(). What makes you think that is what's happening? – Phil Commented Jan 11, 2023 at 23:06
• When I open my Expo Go App and press on “login”, it doesn’t do anything. – kirasam72 Commented Jan 11, 2023 at 23:24
• Does it log anything at all? Perhaps you could add some debugging logs, eg console.log("Starting login") – Phil Commented Jan 11, 2023 at 23:25
• Did you manage to fix it? I think running eas build and running the development build should work. I'm asking because when it works, even after authorize(), it redirects but { user } always just remains null – username-yj Commented Apr 10, 2023 at 11:21

1 Answer 1

react-native-auth0 use native code which is not patible with Expo Go. That’s why is not doing anything. Try building a dev build, that should work.

Source: https://auth0./docs/quickstart/native/react-native-expo/interactive (the WARN message states “ This SDK is not patible with "Expo Go" app. It is patible only with Custom Dev Client and EAS builds.”)

Hope that helps