Динамически отображать поля ACF из WordPress Rest API в реагировать

Question

Я пытаюсь динамически отобразить ответ, который я получаю от API WordPress Rest. Проблема, с которой я сталкиваюсь, заключается в том, что получаемый ответ выглядит следующим образом:

 (2) [{…}, {…}]
0
:
{id: 18, date: "2018-05-02T14:31:37", date_gmt: "2018-05-02T14:31:37", guid: {…}, modified: "2018-05-02T14:51:14", …}
1
:
{id: 17, date: "2018-05-02T14:31:18", date_gmt: "2018-05-02T14:31:18", guid: {…}, modified: "2018-05-02T14:51:23", …}
length
:
2
__proto__
:
Array(0)

В обоих этих объектах есть еще один объект, называемый acf, который включает в себя мои поля, которые я хочу визуализировать.

Вот как я хочу визуализировать поля:

const dateData = [
{
  date: '18-04-23',
  time: '9pm',
  title: 'MGM Grand Garden Arena',
},
{
  date: '18-04-23',
  time: '9pm',
  title: 'MGM Grand Garden Arena',
},
{
  date: '18-04-23',
  time: '9pm',
  title: 'MGM Grand Garden Arena',
},
]

  const dateRender = dateData.map((t, i) => (
    <div key={i} className="date-item">
      <p>{t.date}</p>
      <p>{t.time}</p>
      <p>{t.title}</p>
    </div>
  ));

Но это не работает, потому что поля acf вложены в два разных объекта. Цель этого заключается в том, чтобы пользователь мог добавлять новые даты в панель управления WordPress и отображать их динамически. Любые советы?

Спасибо!