дочернему элементу onBlur удается управлять кнопкой внутри раскрывающегося списка ... Я не могу нажать кнопку, которая находится внутри раскрывающегося компонента корзины

Question

внутри раскрывающегося компонента корзины есть кнопка, но я не могу ее нажать, потому что фокус был потерян.

const CartIcon = ({toggleCartHidden, itemCount, clickOutsideCart}) => (
    <div className='cart-icon' tabIndex='0' onClick={toggleCartHidden} onBlur={() => clickOutsideCart()}>
        <ShoppingIcon className='shopping-icon'/>
        <span className='item-count'>{itemCount}</span>
        {hidden ? null : <Cartdropdown/>}
    </div>
);
const mapDispatchToprops = (dispatch) => ({
    toggleCartHidden: () => dispatch(toggleCartHidden()),
    clickOutsideCart: () => dispatch(clickOutsideCart())
})
const mapStateToProps = createStructuredSelector({
    itemCount: selectCartItemsCount,
    hidden: selectCartHidden
});
export default connect(mapStateToProps, mapDispatchToprops)(CartIcon);