Issue to use Location.Address [closed] - react-native

Question

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 12 days ago.
The community is reviewing whether to reopen this question as of 11 days ago.
Improve this question
I have used <Location.Address> in my expo react-native app as it was showing by an youtuber. Then I have used it. But it is showing now unexpected token and the property "Address" does not exist in the module. Can anyone solve this problem?
Difficulties:
unexpected token and the property "Address" does not exist in the module
Tried: 10 times
By adding my own api. But in that i was unable to show all location details
Status: Unsolved
Want Help
import React, {useState, useReducer,useEffect} from "react"
import {View, Text, StyleSheet, Image, Dimensions} from "react-native"
import * as Location from "expo-location"
const screenWidth = Dimensions.get("screen").width
export const LandingScreen = () =>{
const [errorMsg, setErrorMsg] = useState("")
const [address, setAddress] = useState<Location.Address>()
const [displayAddress, setDisplayAddress] = useState("Waiting for current location")
useEffect(() =>{
(async () =>{
let { status } = await Location.requestPermissionsAsync();
if (status !== "granted"){
setErrorMsg("Permissions to access location is denied")
}
let location: any = await Location.getCurrentPositionAsync()
location.setGoogleApiKey(apiKeys)
console.log(status)
const {coords} = location
if(coords){
const {longitude, latitude} = coords
let addressResponse: any = await Location.reverseGeocodeAsync({longitude, latitude})
for(let item of addressResponse){
setAddress(item)
let currentAddress = `${item.name}, ${item.street}, ${item.postalCode}, ${item.country}`
setDisplayAddress(currentAddress)
return;
}
}else{
}
})
},)
return(
<View style={styles.container}>
<View style={styles.navigation}/>
<View style={styles.body}>
<Image source={require("../images/delivery.png")} style={styles.deliveryIcon}/>
<View style={styles.addressContainer}>
<Text style={styles.addressTitle}>Your deliver address</Text>
</View>
<Text style={styles.addressText}>{displayAddress}</Text>
</View>
<View style={styles.footer}/>
</View>
)
}
const styles = StyleSheet.create({
container:{
flex:1,
backgroundColor:'rgba(242,242,242,1)'
},
navigation:{
flex:2,
},
body:{
flex:9,
justifyContent:"center",
alignItems:"center",
},
footer:{
flex:1,
},
deliveryIcon:{
width:120,
height:120
},
addressContainer:{
width:screenWidth - 100,
borderBottomColor:"red",
borderBottomWidth:0.5,
padding:5,
marginBottom:10,
alignItems:"center"
},
addressTitle:{
fontSize:24,
fontWeight:"700",
color:"#7D7D7D"
},
addressText:{
fontSize:20,
fontWeight:"200",
color:"#4F4F4F"
}
})