HOC helpers. reduceHOCs and applyHOCs.

HOC.ts

interface HOC<T> {
  (Component: React.ComponentType<T>): (props: T) => JSX.Element
}
  
const reduceHOCs = <T>(...hocs: HOC<T>[]): HOC<T> => hocs
  .reduce((reduced, next) => (c) => next(reduced(c)));

const applyHOCs = <T>(...hocs: HOC<T>[]) {
  const reducedHoc = reduceHOCs(...hocs);

  return (Component: React.ComponentType<T>) => {
    const WrappedComponent = reducedHoc(Component);
    return function (props: T & JSX.IntrinsicAttributes) {
      return <WrappedComponent {...props} />;
    };
  };
}