React-Data-Grid отображает только 9 строк

Question

Я загружаю карту данных реакции с источником данных, который заполняется строка за строкой (строка добавляется один раз в секунду). Как только он достигает 9 строк, он прекращает добавлять строки. У меня также есть другая проблема, где сетка не будет отображаться, пока я не изменю масштаб на экране. Это пусто заранее. Вот мой элемент сетки

import React, { Component } from 'react';
import DataGrid from 'react-data-grid';
import 'react-data-grid/dist/react-data-grid.css';

const columns = [
  { key: 'timeStamp', name: 'Date/Time' },
  { key: 'gpsAccuracyValue', name: 'GPS Accuracy' },
  { key: 'speedMph', name: 'Speed' },
  { key: 'battery', name: 'Battery' },
  { key: 'id', name: 'id' },
];

const rows = [
  { id: 0, title: 'Example' },
  { id: 1, title: 'Demo' }
];

class TestGrid extends Component {


render(){
    return (
        <div>
        <DataGrid
          columns={columns}
          rows={this.props.data}
          rowsCount={this.props.data.length}
          minHeight={500}
        />
        </div>
      );
    }
}

export default TestGrid;

Я передаю данные вот так

<TestGrid data={this.props.deviceData} />