Antd Checkbox.Group не может правильно прочитать значение

Question

У меня проблемы с обновлением Checkbox.Group selected value. В моем случае у вас есть два способа обновить группу флажков, первый - самими флажками, а второй - щелчком в родительском компоненте.

Вот код компонента my, который вложен в Popover:

import { Checkbox , Button, Popover } from 'antd';

export class MyCategoryFilter extends React.Component {
   constructor(props) {
       super(props);
   }

   onChange = checkedList => {
       this.props.updateCategoryFilter(checkedList);
   }

   render() {
       return (

           <Popover 
              getPopupContainer={trigger => trigger.parentNode} 
              title="Filter by Category" 
              placement="topRight" 
              trigger="click" 
              content={<Checkbox.Group onChange={this.onChange} 
              value={this.props.filteredCategories} 
              options={this.props.checkBoxStartingCategories} />}
            >
               <Button className="filter-icon" style={!this.props.isCategoryFilterActive ? { color: '#acaac3' } : { color: '#ffd32a' }} type="link"><i style={{ fontSize: 18 }} className='uil uil-filter'></i></Button>
           </Popover>

       )
   }
}

Как видите, value получает данные из указанной c проп. Происходит странное событие: при первом открытии всплывающего окна значения флажков заполняются указанными значениями. Во второй раз он больше не работает, когда я открываю поповер, но если я поставлю один из флажков, появятся изменения, сделанные с помощью другого «метода заполнения».

Есть идеи для решения? Спасибо!