withLogger.tsx

export default function withLogger<T>(
  WrappedComponent: React.ComponentType<T>
): React.ComponentType<T> {
  const name = WrappedComponent.displayName || WrappedComponent.name;

  class InjectionWrapper extends React.Component<any, any> {
    static contextType = LoggerContext;
    static displayName = `withLogger(${name})`;
    static WrappedComponent = WrappedComponent;

    render() {
      const logger = this.context as ILogger;
      const { ...restProps } = this.props;
      return <WrappedComponent logger={logger} {...(restProps as T)} />;
    }
  }

  return InjectionWrapper;
}