title: typeError: undefined is not an object (evaluating 'item.phoneNumbers[0]')
body: <p>I want to render my contact list in my app using expo-contacts, the list display for about 2 seconds, then i get typeError: undefined is not an object (evaluating 'item.phoneNumbers[0]'). I have checked the documentation to see if I made any errors, but i could not find any. Does anyone have a work around this</p>
  
  <p>below is my code</p>
  
  <p>ContactList.js</p>
  
  <pre><code>import React, { Component } from "react";
  import {
    View,
    Text,
    Platform,
    StatusBar,
    FlatList,
    StyleSheet,
    ActivityIndicator
  } from "react-native";
  import * as Contacts from "expo-contacts";
  import * as Permissions from "expo-permissions";
  
  class ContactList extends Component {
    static navigationOptions = {
      header: null
    };
  
    constructor(props) {
      super(props);
      this.state = {
        isLoading: false,
        contacts: []
      };
    }
  
    async componentDidMount() {
      this.setState({
        isLoading: true
      });
  
      this.loadContacts();
    }
  
    loadContacts = async () =&gt; {
      const permissions = await Permissions.askAsync(Permissions.CONTACTS);
  
      if (permissions.status !== "granted") {
        return;
      }
  
      const { data } = await Contacts.getContactsAsync({
        fields: [Contacts.Fields.PhoneNumbers, Contacts.Fields.Emails]
      });
  
      this.setState({
        contacts: data,
        isLoading: false
      });
    };
  
    handleBack() {
      this.props.navigation.goBack();
    }
  
    renderItem = ({ item }) =&gt; (
      &lt;View style={{ minHeight: 70, padding: 5 }}&gt;
        &lt;Text&gt;
          {item.firstName}
          {item.lastName}
        &lt;/Text&gt;
        &lt;Text&gt;{item.phoneNumbers[0].digits}&lt;/Text&gt;
      &lt;/View&gt;
    );
  
    render() {
      const { isLoading, contacts } = this.state;
      let emptyContact = null;
  
      emptyContact = (
        &lt;View style={styles.emptyContactStyle}&gt;
          &lt;Text style={{ color: "red" }}&gt;No Contacts Found&lt;/Text&gt;
        &lt;/View&gt;
      );
  
      return (
        &lt;SafeAreaView style={styles.contentWrapper}&gt;
          &lt;View style={styles.contentWrapper}&gt;
            {isLoading ? (
              &lt;View style={styles.isLoadingStyle}&gt;
                &lt;ActivityIndicator size="large" color="#2484E8" /&gt;
              &lt;/View&gt;
            ) : null}
            &lt;FlatList
              data={contacts}
              renderItem={this.renderItem}
              keyExtractor={(item, index) =&gt; index.toString()}
              ListEmptyComponent={emptyContact}
            /&gt;
          &lt;/View&gt;
        &lt;/SafeAreaView&gt;
      );
    }
  }
  </code></pre>