реквизит от отца компонент не определен в дочернем, хотя он работает правильно

Поэтому я передаю данные от компонента-потомка к ребенку, а у ребенка - это отображение. Все работает нормально, но когда я иду в консоль, я обнаружил, что у меня проблема, но код работает нормально, а отображаемые данные - то, что я ожидал.

Отец:

<article-header :article="articles"></article-header>

эта строка находится в тегах <template>. Переменная статьи - это значение, собранное в HTTP-запросе API-интерфейса.

В дочернем компоненте, который является <article-header> я использую эти данные следующим образом:

<template>
<p>{{ article[0].title }}</p>
</template>
<script>

    export default {
        props:['article']
    }

</script>

И он отлично работает, он показывает мне мой заголовок из базы данных exacly, как я хочу, но он также дает ошибку в консоли браузера:

[Vue warn]: Ошибка в рендере: "TypeError: Невозможно прочитать свойство" title "undefined"

найдено в ---> at src\components\no_related\article\elements\articleHeader.vue at src\components\no_related\article\article.vue at src\App.vue

Кто-нибудь знает, что может вызвать такое поведение?