history undefined in React V6

Question

const CartDropDown = ({ cartItems, history }) => (
  <div className="cart-dropdown">
    <div className="cart-items">
      {cartItems.length ? (
        cartItems.map((cartItem) => (
          <CartItem key={cartItem.id} item={cartItem} />
        ))
      ) : (
        <span className="empty-message"> Your Cart is empty</span>
      )}
    </div>
    <CustomButton onClick={() => history.push("/checkout")}>
      Go to checkout
    </CustomButton>
  </div>
);

const mapStateToProps = createStructuredSelector({
  cartItems: selectCartItem
});

export default withRouter(connect(mapStateToProps)(CartDropDown));