Таблица реакции добавляет пустую строку при добавлении нового элемента в состояние

Когда я добавляю новый элемент в таблицу в React, я обновляю состояние, но таблица не перерисовывается с новыми данными. Я знаю, что данные передаются, потому что новый элемент появляется в состоянии и добавляется новая строка, но все props.children таблицы пусты.

Вот упрощенная версия родительского компонента.

class Page extends Component {
  initialState = {
    users: [],
  }

  state = this.initialState

  async componentDidMount() {
    const users = await getDataFromApi()

    this.setState({ users })
  }

  addRow = user => {
    this.setState({ users: [...this.state.users, user] })
  }

  render() {
    return (
      <div>
        <AddModal addRow = {this.addRow} />
        <Table data = {this.state.users} />
      </div>
    )
  }
}

Модальное окно добавления пользователя отправляет в API (успешно) и

handleSubmit = async event => {
  event.preventDefault()

  const response = await postDataToApi()
  const user = await getNewUser(response)

  addRow(user)
}

Таким образом, API обновляется успешно, новый пользователь успешно прочитан, данные успешно добавляются в состояние, а новая добавляемая строка имеет правильный идентификатор, но дочерние элементы таблицы пусты, поэтому внешний интерфейс просто показывает пустую строку.

Компонент таблицы - я использовал как настраиваемую оболочку таблицы над семантическим пользовательским интерфейсом, так и react-table, и проблема в любом случае сохраняется.

class Table extends Component {
  render() {
    const { data } = this.props

    return (
      <DataTable
        data = {data}
        meta = {column keys and values}
      />
    )
  }
}

class DataTable extends PureComponent {
  state = {}

  componentWillReceiveProps(nextProps) {
    this.setState({ data: nextProps.data, meta: nextProps.meta })
  }
  ...etc

Обновлено: я не отправлял данные в правильном формате.