Установка сообщения об ошибке вместе со стилем в ответной таблице

Question

Я использую реагирующую таблицу, чтобы показать список строк данных. Я намереваюсь показать сообщение об ошибке, если вызов к API данных терпит неудачу. Обратите внимание, что это отличается от получения пустого списка из API.

Кажется, есть способ изменить noDataText но, похоже, нет способа указать ошибочное состояние или передать сообщение об ошибке.

Я попытался переопределить NoDataComponent следующим образом, но единственное, что он получает, - это дети.

import React from 'react';
import classnames from 'classnames/bind';
import styles from './NoDataComponent.css';

const cx = classnames.bind(styles);

export const NoDataComponent: React.SFC = props => {
  const { children } = props;
  return (
    <div className={cx('rt-noData', 'error')}>{children}</div> 
    // one can insert 'error' class based on what children has but that's hacky
  );
};

Можно добавить класс "ошибки" в пользовательский компонент, основываясь на том, что есть у детей, но мне это кажется слишком глупым.

Есть ли лучшая альтернатива для отображения сообщения об ошибке и сообщения "нет данных" в другом стиле?