composable hoc

composableHoc.tsx

export const composableHoc = (prop: string) => {
    return function <T>(Component: ComponentType<T>) {
        return function (props: T): JSX.Element {
            return <Component {...props} />;
        };
    };
};

compose.ts

export const compose = (...fns: any[]) =>
    fns.reduceRight(
        (prevFn, nextFn) => (...args) => nextFn(prevFn(...args)),
        value => value
    );

usage.tsx

export default compose(
    composableHoc('withSomeProp'),
)(Component);