HOC

// HOC using Class Component
function Wrap(WrappedComponent) {
  return class extends React.Component {
    render() {
      // Copy the props so we don't mutate the original component
      const newProps = {...this.props};
      // Loop through the props and check if the props ia a number
      for (let [key, value] of Object.entries(newProps)) {
        if (typeof value === "number") {
          // Increase the prop
          newProps[key]++;
        }
      }
      return <WrappedComponent {...newProps} />;
    }
  };
}

// HOC Using Functional Component
const Wrap = WrappedComponent => props => {
  const newProps = {...props};
  for (let [key, value] of Object.entries(newProps)) {
    if (typeof value === "number") {
      // Increase the prop
      newProps[key]++;
    }
  }
  return (
    <WrappedComponent {...newProps} />
  )
}