Preact JS Map data из состояния, возвращающего this.constructor, не является функцией

Question

У меня есть массив объектов в состоянии

class Foo extends Component {
  state={
    cluster_terminal=[
            {
                "terminal": "-LhP-bIu6c_u1mcCUO6Q",
                "pulsa_cluster": "-LhZ_ijBuuhINBXpvLDX",
                "is_default": true,
                "is_actived": true,
                "id_terminal_pulsa_ppob": null
            },
            //more item...
        ],
    //next line of code

, но когда я хочу отобразить его внутри рендера, выдается ошибка Uncaught (in promise) TypeError: this.constructor is not a function

это мой код внутри render()

<Table compact>
    <Table.Header>
        <Table.Row>
            <Table.HeaderCell>Terminal</Table.HeaderCell>
            <Table.HeaderCell>Cluster</Table.HeaderCell>
            <Table.HeaderCell>Default</Table.HeaderCell>
            <Table.HeaderCell>Actived</Table.HeaderCell>
        </Table.Row>
    </Table.Header>
    <Table.Body>
        {
            cluster_terminal.map((ct) => {
                console.log({ct})
                return <Table.Row>
                    <Table.call>{ct.terminal}</Table.call>
                    <Table.call>{ct.pulsa_cluster}</Table.call>
                    <Table.call>{ct.is_default}</Table.call>
                    <Table.call>{ct.is_actived}</Table.call>
                </Table.Row>
            })
        }
    </Table.Body>
</Table>

это потому, что я использую реагирующий семантический интерфейс или саму ошибку preact.js, или что-то не так с моим кодом?