Resolved: Why is the callback function not working in the HOC component?

import HOC from '../../../hoc/HocPopUp';

 function ButtonsOur({ setActive, open }) {
  return (
   <div className="base__routes__button">
  <Buttons className="base__button__moreInf open-popup-exc" Click={open(setActive)}>Докладніше</Buttons>
  <Buttons className="base__button__moreInf open-popu p-exc" Click={open(setActive)}>Забронювати</Buttons>
</div>
 );
}

export default HOC(ButtonsOur);

 const HOC = (Component) => {
 function HandleChange(props) {
  function open(setActive) {
    setActive(true);
  }

 function close(setActive) {
   setActive(false);
 }
return (
  <Component
    close={() => close}
    open={() => open}
    // eslint-disable-next-line react/jsx-props-no-spreading
    {...props}
  />
  );
  }
  return HandleChange;
   };

export default HOC;

const HOC = (Component) => {
  function HandleChange(originalProps) {
    function open(setActive) {
      originalProps.setActive(true);
    }

    function close(setActive) {
      originalProps.setActive(false);
    }
    return (
      <Component
        // eslint-disable-next-line react/jsx-props-no-spreading
        {...originalProps}
        close={close}
        open={open}
      />
    );
  }
  return HandleChange;
};