App.js

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View } from 'react-native';
import OrderHistory from './Screens/OrderHistory';
import { getOrders } from './BackendAPI/Read_Write_UserOrders';
import Tabs from './Navigation/TabBars';
import { NavigationContainer } from '@react-navigation/native';
import AuthNavigator from './Navigation/AuthNavigator';
import { useEffect, useState } from 'react';
import { fetchMapsKey } from './BackendAPI/Geocode';

let googleKey = ''
export default function App() {
  
  const [googleMapsKey, setGoogleMapKey] = useState('')
  useEffect(() => {
    fetchMapsKey()
      .then((res => {setGoogleMapKey(res.result);}))
  },[])

  useEffect(()=>{
    googleKey = googleMapsKey;
  },[googleMapsKey])

  return (

    <NavigationContainer> 
      <AuthNavigator/> 
    </NavigationContainer>
  );
}

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

export {googleKey};