React.js row.map не является функцией

У меня проблема с созданием таблицы реакции, на самом деле у меня есть этот код

render() {
    var tableData = [
      {name: this.state.users}
    ];
    var tableRow = [];
     for(var x = 1; x <= this.state.users.lenght; x++) {
    tableRow.push(this.state.users[x]);
    if (x % 4 == 0) {
        tableData.push(tableRow);
        tableRow = [];
    }
}

    return (
        <Table1>
        {tableData.map((row, index) => {
            return (
                <tr key = {row + index}>
                    {row.map((cell, index) => {
                        return (
                            <td key = {"cell_" + index}>{cell}</td>
                        );
                    })}
                </tr>
            );
        })}
   </Table1>

в моем tableData у меня есть некоторые данные firebase, которые извлекаются правильно, но у меня проблема с помещением их в ячейку таблицы, на самом деле с этим кодом таблицы я получил ошибку «TypeError: row.map не является функцией» Как я могу решить эту проблему ? Спасибо :)

редактировать: добавлен console.info для tableData