ReactNative : Function called twice automatically inside FlatList

I have been in trouble seeking a solution to the silly problem. There is something missing from my code which I am unable to understand for now. Looking forward to your answers and information regarding the below code:

Constructor:

    constructor(props) {
    super(props)
    this.TotalQuery = this.TotalQuery.bind(this);
    this.state = {
        isLoading: true,
        Query: [],
    }
    this.UserID();
}

Function()

  TotalQuery(product_id){
fetch(`http://:3000/api/v1/users/queries/${product_id}`, {
    method: 'GET',
}).then((response) => response.json()).then((resp => {
    this.setState({
        Query: resp
    })
})) .catch((error)=>{
    console.log("Api call error1");
    })
}

Calling this inside the Flatlist like below:

<View style={styles.ohInfo}>
 <Text style={styles.ohLabel}>Messages</Text>
    {this.TotalQuery(item.product_id)}
    {this.state.Query.map((i, index) => (
 <Text style={styles.ohValue}>{i.total}</Text>))}
</View>