Обновление React Datagrid в реальном времени не применяется

Question

Приведенный ниже код является примером. Я хочу обновлять значения некоторых ячеек циклически. Но значение ячейки не обновляется напрямую. Он обновляется только тогда, когда строка, которую я хочу изменить, находится в фокусе. Поскольку я новичок в js и реагирую, я не знаю, как я могу решить это, и я спрашиваю об этом.

const columns = [
  { key: 'id', name: 'ID' },
  { key: 'title', name: 'Title' },
  { key: 'count', name: 'Count' }
];

const rowsa = [
  {id: 0, title: 'row1', count: 20},
  {id: 1, title: 'row1', count: 40},
  {id: 2, title: 'row1', count: 60}
];

class MyDataGrid extends Component {
  constructor() {
    super();
    this.state={rows: rowsa}
  }

  componentDidMount() {
    this.timerID = setInterval(
      () => this.tick(),
      1000
    );
  }

  componentWillUnmount() {
    clearInterval(this.timerID);
  }

  tick() {
    let myrows = this.state.rows;
    myrows[0].id =  this.state.rows[0].id + 1;
    this.setState({myrows});
  }

  render(){
    return <ReactDataGrid
              columns={columns}
              rowGetter={i => this.state.rows[i]}
              rowsCount={3}
              minHeight={150} />;
  }
}