Число не определено в массиве с использованием React Js

Question

Я пытаюсь перебрать массив, но по какой-то причине мой номер возвращается как неопределенный при его назначении.

JS, который не работает:

const Logos = Array(4).fill("").map((a, p) =>
            <div key={ p } className="columns is-centered">
                <div className="column is-12-mobile is-10-tablet is-10-widescreen">
                    <div className="columns is-multiline is-mobile is-centered logos">
                        { posts[0].node.frontmatter.logos[p + 1] }
                    </div>
                </div>
        </div>
    );

Ожидаемый результат будет: ... logos1 ... logos2 ... logos3 ... logos4

Ошибка:

Uncaught TypeError: Cannot read property '1' of undefined

Это работает, но мне нужно перебрать все 4 и не возвращать одно и то же 4 раза.

const Logos = Array(4).fill("").map((a, p) =>
            <div key={ p } className="columns is-centered">
                <div className="column is-12-mobile is-10-tablet is-10-widescreen">
                    <div className="columns is-multiline is-mobile is-centered logos">
                        { posts[0].node.frontmatter.logos1}
                    </div>
                </div>
        </div>
    );