Ответ JS Fetch-API заканчивается неопределенным [дубликат] ⇐ Php

[Anonymous]

Моя цель — получить данные из MySQL с помощью PHP и Vanilla JS и заполнить таблицу HTML с помощью list.js. Fetch успешно получает данные в формате JSON; однако я не уверен на 100%, что это правильно, но я пытаюсь имитировать приведенный пример.
Вот базовая схема JS:
function listCalendarEvents() {

fetch('/google/listCalendarEvents/') // Replace with your API endpoint
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.json(); // Assuming the response is JSON
})
.then(data => {
// Handle the fetched data
console.log(data.events);
return data.events;
})
.catch(error => {
// Handle errors
console.error('There was a problem with the fetch operation:', error);
});
}
const orders = listCalendarEvents();

который затем устанавливает переменную "order" в window.List();
const orderList = new window.List(table, options, orders);

Когда скрипт запускается, он получает данные от контроллера PHP, который выводит нужные мне данные в формате JSON, например:
public function listCalendarEvents()
{
$events = $this->google_m->listCalendarEvents();
echo json_encode(array('response' => 1, 'events' => $events));

exit();
}

После получения данных в каждом столбце таблицы HTML отображается неопределенное значение. Я убедился, что все переменные и поля верны. При использовании статического примера данных ниже это работает... опять же, я не уверен, правильно ли форматируются данные.
Вот вывод консоли:
(2) [{…}, {…}]
0
:
dateTime
:
"2024-10-24T07:00:00-07:00"
description
:
null
endDate
:
null
hangoutLink
:
null
startDate
:
null
summary
:
"Meeting with Johnny Bravo"
[[Prototype]]
:
Object
1
:
{summary: 'November test for the GCAPI', description: null, startDate: null, endDate: null, dateTime: '2024-11-07T06:00:00-08:00', …}
length
:
2
[[Prototype]]
:
Array(0)

Любая помощь будет полезна! Спасибо!
Пример данных, который работает:
const orders = [
{
id: 1,
summary: 'order-dropdown-1',
description: '#2181',
hangoutLink: 'mailto:carry@example.com'
},
{
id: 2,
summary: 'mailto:milind@example.com',
description: 'Milind Mikuja',
hangoutLink: '10/03/2023'
},
{
id: 3,
summary: 'order-dropdown-3',
description: '#2183',
hangoutLink: 'mailto:stanly@example.com'
}
];


Подробнее здесь: https://stackoverflow.com/questions/791 ... -undefined