Как мне сделать массив объектов в реакции JS

Мой API дает мне данные в следующем формате:

{
  status: 200,
  certificateTypes: [
    {
      id: 1,
      name: 'Gasmeting',
      created_at: '2023-04-25T07:15:55.000000Z',
      updated_at: '2023-04-25T07:15:55.000000Z',
    },
    {
      id: 2,
      name: 'Mangatwacht',
      created_at: '2023-04-25T07:16:13.000000Z',
      updated_at: '2023-04-25T07:16:13.000000Z',
    },
  ],
    // ...
}

Я использовал следующую функцию, чтобы поместить данные в массив useState.

const [certificateTypes, setCertificateTypes] = useState([]);

const fetchCertificateTypes = async () => {
  const response = await getCertificateTypes();

  if (response.status === 200) {
    setCertificateTypes(response.certificateTypes);
    console.info('in fetch ' + certificateTypes);
  }
};

Теперь печатаем данные с помощью:

console.info(certificateTypes)

дает следующий результат:

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Моя первоначальная мысль заключалась в том, что мне нужно JSON.parse данные, которые я извлек, но, похоже, это не так.

Как превратить эти данные в массив, чтобы я мог правильно с ними работать?