как справиться с загрузкой в ​​react-bootstrap-table 2

Я пытаюсь реализовать атрибут загрузки внутри response-bootstrap-table2 до того, как данные будут извлечены. однако, поскольку я новичок в этой среде, я столкнулся с некоторыми трудностями, пытаясь с ней справиться.

это код, который генерирует таблицу:

render() {
return (
  <BootstrapTable
    remote
    loading={this.props.loading}
    keyField="id"
    data={this.props.data}
    columns={this.state.stationColumns}
    pagination={paginationFactory()}
    overlay={overlayFactory({
      spinner: true,
      background: "rgba(192,192,192,0.3)"
    })}
  />
);}

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

<StationTable key="1" loading={(this.props.stationData.length >0)?false:true} data={this.props.stationData} />

после реализации этого он показал ошибку

поймал TypeError: не удалось выполнить getComputedStyle в Window: параметр 1 не относится к типу Element.

Я заметил, что если для атрибута загрузки установлено значение false, он работал нормально, но если он стал динамическим, он показывал эту ошибку.

Итак, как мне правильно реализовать атрибут загрузки динамически?

Заранее спасибо.