static getDerivedStateFromProps HOCs with TypeScript

getDerivedStateFromProps.tsx

type DerivedStateFromPropsFunction<TProps, TState> = (
  props: TProps,
  state: TState,
) => TState | void;

const getDerivedStateFromProps = <T extends {}>(
  f: DerivedStateFromPropsFunction<T, T | {}>,
) => (BaseComponent: React.ComponentType<T>) => {
  class EnhancedComponent extends React.Component<T> {
    state = {};
    static getDerivedStateFromProps(nextProps: T, prevState: T | {}) {
      return f(nextProps, prevState) || null;
    }
    render() {
      return React.createFactory(BaseComponent as React.ComponentClass<T>)({
        ...this.props,
        ...this.state,
      });
    }
  }
  return EnhancedComponent;
};

Line:16 any casting is no longer needed.
ref: https://github.com/Microsoft/TypeScript/wiki/What's-new-in-TypeScript