title: How to add routing on Material UI Icon using v6 router
body: <p>I have list of contacts, each has edit icon, I want to route to Edit Component on clicking of edit icon, I tried making icon as link component something like this:</p>
  <pre><code>&lt;ModeEdit component={Link} to={{`contact/edit/${contact.id}`}} state:{contact} style={{ color: 'blue', marginRight: '10px' }} &gt;&lt;/ModeEdit&gt;
  </code></pre>
  <p>Doesn't work</p>
  <p>I want to pass pass object through routing to Edit component using functional component</p>