title: Make table cell clickable in React
body: <p>When the user clicks the tableCell text below, he should be navigated to <code>http://localhost:3000/crayons/${rows.id}</code> &lt;- This exists in my react-router-dom</p>
  
  <p>I am not sure how to edit the below code to do the following</p>
  
  <pre><code>&lt;TableBody&gt;
  
  {props.rows.slice(page).map(row =&gt; (
       &lt;TableCell align="center"&gt;{row.crayon_color}&lt;/TableCell&gt;
  
  &lt;/TableBody&gt;
  </code></pre>
  
  <p>What I tried</p>
  
  <pre><code>&lt;TableCell align="center" numeric component="a" href=`http://localhost:3000/crayons/${rows.id}`&gt; {row.crayon_color}&lt;/TableCell&gt;
  </code></pre>