React.js баг в рендере. Непойму. Обрубает половину данных

уважаемые. Объясните, в чем может быть прикол? Прогоняя через map console.log(item) - Выдает 10 строк. 10 видео.

Рендерится всего 5.

  case 'videos':
      return(
        <section className="BigYouTube">
          {
            (videoList[0]) ?
                            videoList[0].map( (item, index ) => {
                              console.log(item)
                              return (
                                <article key = {`${item.id}_key_${index}`} className="oneVideo">
                                <a  className = "linkVideo" href = {`${videoUrl}${item.snippet.resourceId.videoId}`} target="_blank">
                                  <img  className = "imgVideo" src = {item.snippet.thumbnails.high.url} />
                                  <span className = "nameCategoryVideo">Видео-отзывы</span>
                                  <h4 className = "titleVideo" key = {`keyVideo_${item.id}`}> {item.snippet.title} </h4>
                                </a>
                                </article>
                              )
                            })
                           :
                           <h3> Загрузка идет дольше обычного...хм </h3>
          }
        </section>
      )