reduxに接続されたReactコンポーネントを使用するときに、型の安全性を維持するにはどうすればよいですか？

私はReact / Redux / Redux-ThunkプロジェクトでTypeScriptをいじっていますがconnect、コンポーネントを作成した後、接続プロセスがそうではないため、キャストせずにそれを賢明に使用することができないように見えるこの障害にぶつかり続けています接続操作によってプロパティ要件の一部またはすべてが満たされていることを型システムに伝えることができないようです。たとえば、次のコンポーネント/タイプなどについて考えてみます。

import * as React from 'react';
import {connect} from "react-redux";
import {Action, bindActionCreators, Dispatch} from "redux";
import {ThunkDispatch} from "redux-thunk";

// Our store model
interface Model {
    name: string,
}

// Types for our component's props
interface FooDataProps {
    name: string // Single, required, string property
}

interface FooDispatchProps {
    onClick: React.MouseEventHandler<HTMLButtonElement>, // Single, required, event handler.
}

interface FooProps extends FooDataProps, FooDispatchProps { // Union the two types
}

// Make our first component...
function TrivialComponent(props: FooProps) {
    return (<button onClick={props.onClick}>{props.name}</button>);
}

// Now make a Redux "container" that wires it to the store...
const mapStateToProps = (state: Model): FooDataProps => { return { name: state.name }; };
const mapDispatchToProps = (dispatch: Dispatch): FooDispatchProps => {
    return bindActionCreators({onClick: doStuff}, dispatch);
};

// Wire it up with all the glory of the heavily-genericized `connect`
const ConnectedTrivialComponent = connect<FooDataProps, FooDispatchProps, FooProps, Model>(mapStateToProps, mapDispatchToProps)(TrivialComponent);

// Then let's try to consume it
function ConsumingComponent1() {
    // At this point, I shouldn't need to provide any props to the ConnectedTrivialComponent -- they're 
    // all being provided by the `connect` hookup, but if I try to use the tag like I'm doing here, I 
    // get this error: 
    //
    // Error:(53, 10) TS2322: Type '{}' is not assignable to type 'Readonly<Pick<FooProps, never> & FooProps>'.
    // Property 'name' is missing in type '{}'.
    //
    return (<ConnectedTrivialComponent/>)
}

// If I do something like this:
const ConnectedTrivialComponent2 = ConnectedTrivialComponent as any as React.ComponentClass<{}, {}>;

// Then let's try to consume it
function ConsumingComponent2() {
    // I can do this no problem.
    return (<ConnectedTrivialComponent2/>)
}

// Handler...
const doStuff = (e: React.MouseEvent<HTMLButtonElement>) => (dispatch: ThunkDispatch<Model, void, Action>, getStore: () => Model) => {
    // Do stuff
};

さて、この問題について考える際に、私はいくつかのアイデアを経験しました。

アイデア＃1）すべての小道具をオプションにします。私がサードパーティから見た多くのコンポーネントにはすべてがオプションですが、私の経験では、すべてがオプションであると、いたるところに多くの定型的なゼロチェックが発生し、コードが読みにくくなります。

アイデア＃2）操作で入力されていないプロパティにキャストしReact.ComponentClass<P,S>て追加のタイプを作成します。キャストは明らかに機能しますが、同期を保つための3つのセット（元の小道具タイプ、andリスト、および「残りの小道具」タイプ）があります。このアプローチは、冗長で、エラーが発生しやすく、また、他の潜在的に有用なタイプ情報も消去します。connectmapStateToPropsmapDispatchToProps

connectタイプの観点からedコンポーネントを管理するためのより良い方法はありますか？