Инвариантное нарушение чтения данных JSON

Question

Я рассмотрел все подобные ошибки на форуме, но ни одна не исправляет мою проблему. Не уверен, что я делаю неправильно, пытаясь прочитать данные JSON, которые существуют (подтверждается console.log), а также массив, но говорят, что это объект и должен быть массивом. Отображение массива напрямую, без выполнения показанного цикла for, в основном говорит, что галерея объектов не определена, даже если она определена .console.log itemList показывает, что пустая подразумеваемая галерея не определена. Как это может быть, когда console.log галереи возвратил массив галереи с 6 элементами? Пожалуйста, смотрите соответствующие фрагменты кода и изображение журнала ошибок ниже.
Спасибо за указатель на помощь.

render() {
const { showModal, articleData } = this.props;
const { 
  image, gallery,title, subTitle, description,location, phone, credit 
} = articleData;
console.log(gallery);

let itemList = [];
for (let i in gallery) {
  itemList.push({
    ...gallery[i],
    // id: key
  })
  return itemList
}
console.log(itemList);

<View style= {{ flex: 1 }}>
              <ScrollView horizontal={true}>
              <TouchableOpacity 
                onPress={() => 
                  this._toggleModal(1)
                }
              >

              {
                itemList.map((v, index) => {
                  return (
                    <View key= {index}  >
                      <Image 
                        style={styles.navImageStyle}
                        source={{ uri: v.photo}}
                      />
                      {/* <Text>{v.desc}</Text>
                      <Text>{v.price}</Text> */}
                    </View>
                  )
                })
              }
              </TouchableOpacity>