Porque o react necessita de um objeto vazio para renderizar informações da FlatList

import React, { Component } from 'react';
import { Text, Button, View, TextInput, Alert, StyleSheet, FlatList, SafeAreaView } from 'react-native';
import Styles from '../../components/Styles';
import { urlServer } from '../../config/constant';

export default class Fetch extends Component {

constructor() {

 super();
 //Aqui. Porque é necessário este objeto vazio. Já tentei de outra forma como :
 //this.data = {data:[]}
 //Porém não renderiza. Tentei apagar o primeiro objeto, mas também não renderiza.
 //O grande problema é que na hora de exibir ele mostra o objeto vazio
 this.data = [{}];
 }
 componentDidMount() {
 let urlQuery = '/animal/bull/getBull/2';

 fetch(urlServer+urlQuery)
 .then(response => response.json())
 .then(response => {

 this.data.push(response);
 console.log(this.data);
 });

 }

 render() {
 return (
 <FlatList
 data={this.data}
 renderItem={({item}) => (
 <View>
 <Text>Id: {item.idEarring}</Text>
 <Text>{item.name}</Text>
 <Text>{item.breed}</Text>
 <Text>{item.dateOfBirth}</Text>
 <Text>{item.weight}</Text>
 </View>
 )}
 />
 );
 }
}

	Tenho este app feito em react-native que faz consulta em uma api rest. Porém não estou conseguindo obter renderização se a inclusão de um objeto vazio.

	Se não colocar o objeto vazio ele não renderiza nada.

	Já tentei apagar o objeto vazio com o shift, más ele não renderiza também, no entanto ele retorna o valor no console.