AppContext.tsx

type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;

export function withAppContext<
  P extends { appContext?: AppContextInterface },
  R = Omit<P, 'appContext'>
  >(
  Component: React.ComponentClass<P> | React.StatelessComponent<P>
  ): React.SFC<R> {
  return function BoundComponent(props: R) {
    return (
      <AppContextConsumer>
        {value => <Component {...props} appContext={value} />}
      </AppContextConsumer>
    );
  };
}

guys do you have some updates for fixing this ???

I was able to get this working as of React 16.12

import GlobalContext, {ContextConsumer} from "../Props/GlobalContext";
import React, {FunctionComponent} from "react";

type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;

export function WithContext<
    P extends { global?: GlobalContext },
    R = Omit<P, 'global'>
    >(
    Component: React.ComponentClass<P> | FunctionComponent<P>
): FunctionComponent<R> {
    return function BoundComponent(props: R) {
        return (
            <ContextConsumer>
                {value => value && <Component {...props as unknown as P} global={value} />}
            </ContextConsumer>
        );
    };
}