title: React, Graphql fetching a list
body: <p>Can you please check what I'm doing wrong here?</p>
  <p>In my schema I have a type named <code>HoteDetailsType</code> and a field inside <code>addOns</code> in reference of another type <code>HotelAddOnsType</code></p>
  <pre><code> type HotelAddOnsType = {
    name: string
    description: string
    price: number
  }
  </code></pre>
  <pre><code>type HotelDetailsType = {
    addOns: HotelAddOnsType[]
    guestName: string
    numberOfRooms: number
    totalPrice: number
  }
  </code></pre>
  <p>When I try to display the data, all field is displaying properly except <code>addOns</code></p>
  <p><code>const hotelDetails: HotelDetailsType = data.getHotelDetailsByIds.items[0]</code></p>
  <p>This is how I call it,
  <code> &lt;Text&gt;{hotelDetails.addOns.name}&lt;/Text&gt;</code>
  <code>&lt;Text&gt;{hotelDetails.addOns.description}&lt;/Text&gt;</code></p>
  <p>and receiving this error
  <code>Property 'name' does not exist on type 'HotelAddOnsType[]'.</code></p>
  <p>Any workaround on this?
  Thanks a lot.</p>