hocexample.jsx

import React from 'react';

const withNewProp = (WrappedComponent) => {
  const [count, setCount] = React.useState(0);
  return (props) => {
    return (
      <WrappedComponent
        {...props}
        newProp='add many props'
        count={count}
        setCount={setCount}
      />
    );
  };
};
const MyComponent = (props) => {
  return (
    <div>
      {props.newProp}+ {props.count}
    </div>
  );
};
const EnhancedMyComponent = withNewProp(MyComponent);
export default EnhancedMyComponent;