Массив объектов как-то превращается в функцию при отображении

Question

В моем состоянии у меня есть свойство с именем UrlItems, которое представляет собой массив объектов.

Я вызываю addUrlItem('www.google.com')

Это создаст новый объект с идентификатором свойств,url, status

addUrlItem = (url) => {
    let { UrlItems } = this.state
    let id = UrlItems.length

    let props = {
        id,
        url,
        status: statusTypes.IDLE
    }

    UrlItems.push(props)
    this.setState({UrlItems})

}

В одном из моих методов рендеринга я пытаюсь отобразить массив и установить компонент.

renderUrlItems() {

    let { UrlItemsRendered, UrlItems } = this.state

    UrlItemsRendered = UrlItems.map((item, key) => {
        return (<UrlItem {...item} remove={this.removeUrlItem} statusTypes={statusTypes}></UrlItem>)
    })

    return UrlItemsRendered
}

Когда я консоль регистрирую item вфункция карты, она говорит мне, что это не объект, а функция

Вот как выглядит моя консоль, когда я консоль регистрирую объект состояния