App.js

import { StyleSheet, Text, View } from 'react-native';
import Navigator from './src/navigation';
import {  Amplify, API, Auth, graphqlOperation} from 'aws-amplify';
import awsmobile from "./src/aws-exports"
import { withAuthenticator } from 'aws-amplify-react-native/dist/Auth';
import { useEffect } from 'react';
import { getUser } from './src/graphql/queries';
import { createUser } from './src/graphql/mutations';

Amplify.configure({...awsmobile, Analytics:{disabled: true}})

const App = () => {
  const handleAuth = async () =>{
    try{
      const currentUser = await Auth.currentAuthenticatedUser({bypassCache: true});
      const user = await API.graphql(graphqlOperation(getUser, {
        id: currentUser?.attributes?.sub
      }))
      if(!user?.data?.getUser){
        await API.graphql(graphqlOperation(createUser,{
          input:{
            id: currentUser.attributes.sub,
            name: currentUser.attributes.phone_number,
          }
        }))
      }
    }
    catch(err){
      console.error(err)
    }
  }
  useEffect(()=>{
    handleAuth()
  },[])
  return ( 
    <View style={styles.container}>
      <Navigator/>
    </View>
  );
}

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

export default withAuthenticator(App)