gatsby - @reach/router を Gatsby で使用する場合、独自の props を渡すことはできますか?

Question

私は自分のカスタム小道具（関数、オブジェクトなど）を渡そうとしていますが、gatsbyなしで@reach/routerを試してみるとうまくいきません。

私のapp.js：

      <Router basepath="">
        <Welcome path="" />
        <OtherComponent
          path="/comppath"
          myprop="prop data"
        />
      </Router>

私のOtherComponent.js

export default function OtherComponent(props){
    return (
        <div>
            <h1>My Component</h1>
            {props.myprop}
        </div>
    );
}

コンポーネントは正常にレンダリングされますが、プロップが渡されません。プロップをログに記録すると、パス、場所、pageContext、およびナビゲートメソッドのみが取得されます..etcが取得されますが、プロップは取得されません

補足: 私は gatsby の gatsby-plugin-create-client-paths を使用しています