ag-grid-реагирует Выбор флажка не обновляется css при первом нажатии

Question

Я столкнулся с проблемой, когда независимо от того, какой флажок я выбрал, при первом щелчке по нему я кратко вижу флажок, а затем сразу снова сниму флажок. Однако модель кажется правильной, потому что когда я запускаю node.isSelected () после того, как проверка исчезает, она возвращает true. Кто-нибудь еще сталкивался с этим?

Кажется, он связан с обновлением переменной состояния, которую я использую для хранения rowData, потому что когда я удаляю этот выбор, работает как ожидалось. Вот мой обработчик события rowSelected

    public setSelected(event:any){
       let selectedRowData : IDocumentGridRowInfo = event.node.data;
       let gridData: IDocumentGridRowInfo[] = cloneDeep(event.context.state.files);
       let numberSelected: number = 0;

       gridData.forEach((row) => {
        if(selectedRowData.fileDisplayName === row.fileDisplayName){
          row.selected = event.node.isSelected();
          row.originalFileUploader.props.selected = event.node.isSelected();
        }
        if(row.selected){
          numberSelected += 1;
        }
       });

       ///event.context.setState({files: gridData, selectedRowCount: numberSelected });
    }