TypeScript + React: convert render prop component to HOC

foo.ts

import { ComponentType, ReactElement } from 'react';
import React = require('react');

type RenderPropComponent = ComponentType<{ children: () => ReactElement }>;

const RenderProp: RenderPropComponent = ({ children }) => (
    <div>{children()}</div>
);

const renderPropToHoc = (RenderPropComponent: RenderPropComponent) => <P,>(
    ComposedComponent: ComponentType<P>,
) => (props: P) => (
    <RenderPropComponent>
        {() => <ComposedComponent {...props} />}
    </RenderPropComponent>
);

const HOC = renderPropToHoc(RenderProp);