title: How do i pass the props to another component via react router?
body: <p>I have a component which displays a list of FM stations. I want to pass the data to individual component because most of the data is already present. However, I am not able to redirect the page to individual FM page upon the click of the button called Click me.</p>
  <p>I have used different sources on stackoverflow and other links such as
  <a href="https://stackoverflow.com/questions/48150567/react-router-difference-between-component-and-render">react router difference between component and render</a>
  <a href="https://medium.com/@cristi.nord/props-and-how-to-pass-props-to-components-in-react-part-4-2cc375c17a23" rel="nofollow noreferrer">https://medium.com/@cristi.nord/props-and-how-to-pass-props-to-components-in-react-part-4-2cc375c17a23</a></p>
  <p>They all point that I am following the docs correctly and now I am not sure how I can resolve this. I understand that I can use the router hooks to resolve this issue, but I am trying to learn why I am not being to resolve it like this.</p>
  <p><a href="https://codesandbox.io/s/distracted-morning-tbemq?file=/src/App.js" rel="nofollow noreferrer">Sandbox</a></p>