title: Pass props through route
body: <p>In react how can I configure a route to pass props. for example my route.tsx is: </p>
  
  <pre><code>export const routes = () =&gt; (
    &lt;Layout&gt;
      &lt;Route exact path='/' component={ Home } /&gt;
      &lt;Route path='/counter' component={ Counter } /&gt;
      &lt;Route path='/fetchdata' component={ FetchData } /&gt;
    &lt;/Layout&gt;
  );
  </code></pre>
  
  <p>How can I pass some data as props to my <code>Counter</code> component when ever /counter is evoked</p>