React Native Firebase Data отображается только в режиме отладчика

Question

Когда я в debugger mode, мой экран выглядит следующим образом:

Когда я не в debugger mode мой экран выглядит это:

Приложение. js

import React, {useEffect, useState} from 'react';
import {StyleSheet, Text, View} from 'react-native';
import {getThoughts} from './src/util/functions';
import firebase from './src/util/firebase';

const App = () => {
  const [thoughts, setThoughts] = useState([]);
  // Fetch api data
  useEffect(() => {
    const fetchData = async () => {
      const db = firebase.firestore();
      const data = await db.collection('thoughts').get();
      setThoughts(
        data.docs.map((doc) => {
          return doc.data();
        }),
      );
    };

    fetchData().catch((error) => error);
  }, []);

  return (
    <View style={styles.container}>
      <View style={styles.content}>
        {thoughts.length > -1 ? (
          thoughts.map((val) => {
            return (
              <Text style={styles.text} key={val.thought}>
                {val.thought}
              </Text>
            );
          })
        ) : (
          <Text style={styles.text}>Loading...</Text>
        )}
      </View>
    </View>
  );
};

У меня есть эта проблема в течение дня. Я был бы очень признателен за любую помощь, объясняя, почему у меня эта проблема и как я могу решить ее