javascript - React のルートを介してサービスのインスタンスを渡す

Question

この場合、react router v4 を使用していますが、注意が必要です。

App コンポーネントがあり、その中で AuthService オブジェクトが正常にインスタンス化されています。

同じ Auth オブジェクト インスタンスを持つ特定のコンポーネントを取得したいのですが、それらのコンポーネントは Route を介して定義されています。

これが私のコードのサンプルです：

const auth = new AuthService();

class App extends Component {

  render() {
    return (
      <div>
        <ul>
          <li><Link to="/">Home</Link></li>
          <li><Link to="/splash">Login</Link></li>
        </ul>
        <Route exact path="/" component={Home} auth={auth}/>
        <Route exact path="/splash" component={SplashPage} auth={auth}/>
      </div>
    );
  }
}

export default App;

Home または SplashPage がレンダリングされると、Route からの典型的な props がありますが、auth は認識されません。

Route から Home および SplashPage に至る小道具と同様に、小道具の 1 つとして auth を取得するにはどうすればよいですか? ありがとうございました。