code blob like below: const menu = [ {key: '0', label: 'Item 1flshgslhgslhglshg', disabled: true}, {key: '1', label: 'Item 2', checked: true}, {key: '2', label: 'Item 3'}]; <Menu multiple={true} selectedKeys={selectedKeys} onSelect={onMenuSelect} onDeselect={onMenuDeSelect} > { menu.map((item) => { return <Item key={item.key} disabled={item.disabled} onClick={onMenuSelect}> <checkbox checked={item?.checked || false} disabled={item.disabled} label={item.label} /> </Item>} </Menu> problems: when I click checkbox, it will call both onSelect and onDeselect.