react-reduxのconnect()での型指定がわかりません。

Question

reactでHOCをしつつreact-reduxでconnectするようなコードを書いています。

以下のようなコードサンプルを書いたときに(state等の定義、import は省略しています)、最後の行 createCountableComponent(Component)
の部分がconnectの引数の型とうまく合わずに型エラーになってしまいます。

export type CountableProps = StateType & DispatchType

type StateType = ReturnType<typeof mapStateToProps>
const mapStateToProps = (state: AppState) => ({
  count: state.home.count
})

type DispatchType = ReturnType<typeof mapDispatchToProps>
const mapDispatchToProps = (dispatch: Dispatch) => ({
  increment: () => dispatch(increment()),
  decrement: () => dispatch(decrement())
})

const createCountableComponent =
  <P extends CountableProps>(Component: React.ComponentType<P>) =>
    class ConfigurableComponent extends React.Component<P> {
      componentDidMount() {
        // do something
      }

      render() {
        return <Component {...this.props} />
      }
    }

export const countable = <P extends CountableProps>(Component: React.ComponentType<P>) =>
  connect(
    mapStateToProps,
    mapDispatchToProps
  )(createCountableComponent(Component))

connect() の型定義が InferableComponentEnhancerWithProps で componentの型が C extends ComponentType<Matching<TInjectedProps, GetProps<C>>> であるようにすればいいのですが、この部分の定義がうまく理解できません。

どのように型を指定すればいいのでしょうか。