hoc.tsx

import { ComponentType } from "react";

type GetProps<C> = C extends ComponentType<infer P> ? P : never;

type Matching<InjectedProps, DecorationTargetProps> = {
  [P in keyof DecorationTargetProps]: P extends keyof InjectedProps
    ? InjectedProps[P] extends DecorationTargetProps[P]
      ? DecorationTargetProps[P]
      : InjectedProps[P]
    : DecorationTargetProps[P];
};

const hoc =
  <MappedProps, OwnProps>(mapProps: (ownProps: OwnProps) => MappedProps) =>
  <C extends ComponentType<Matching<MappedProps, GetProps<C>>>>(
    WrappedComponent: C
  ): ComponentType<
    JSX.LibraryManagedAttributes<C, Omit<GetProps<C>, keyof MappedProps>> &
      OwnProps
  > => {
    return (props: any) => {
      const newProps = mapProps(props);
      return <WrappedComponent {...props} {...newProps} />;
    };
  };

export default hoc;