title: How to fix <td> cannot appear as a child of <a> warning?
body: <p><a href="https://i.stack.imgur.com/nsdA7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nsdA7.png" alt="error" /></a>  How to fix these warnings? I used material ui table component. I think the warnings comes from <em><strong>component={Link}
  to={<code>/patient/${patient.id}</code>}</strong></em></p>
  <pre><code>&lt;TableContainer className={styles.tableContainer} component={Paper}&gt;
        &lt;Table aria-label=&quot;patients infomation table&quot;&gt;
          &lt;TableHead className={styles.tableHead}&gt;
            &lt;TableRow&gt;
              &lt;TableCell align=&quot;right&quot;&gt;First Name&lt;/TableCell&gt;
              &lt;TableCell align=&quot;right&quot;&gt;Last name&lt;/TableCell&gt;
              &lt;TableCell align=&quot;right&quot;&gt;DOB&lt;/TableCell&gt;
              &lt;TableCell align=&quot;right&quot;&gt;Phone Number&lt;/TableCell&gt;
              &lt;TableCell align=&quot;right&quot;&gt;Email&lt;/TableCell&gt;
            &lt;/TableRow&gt;
          &lt;/TableHead&gt;
          &lt;TableBody&gt;
            {patients.map((patient) =&gt; (
              &lt;TableRow
                component={Link}
                to={`/patient/${patient.id}`}
                onClick={selectPatientClick}
                key={patient.id}
                className={styles.tableRow}
              &gt;
                &lt;&gt;
                  &lt;TableCell align=&quot;right&quot;&gt;{patient.fName}&lt;/TableCell&gt;
                  &lt;TableCell align=&quot;right&quot;&gt;{patient.lName}&lt;/TableCell&gt;
                  &lt;TableCell align=&quot;right&quot;&gt;{patient.dob}&lt;/TableCell&gt;
                  &lt;TableCell align=&quot;right&quot;&gt;{patient.pNumber}&lt;/TableCell&gt;
                  &lt;TableCell align=&quot;right&quot;&gt;{patient.email}&lt;/TableCell&gt;
                &lt;/&gt;
              &lt;/TableRow&gt;
            ))}
          &lt;/TableBody&gt;
        &lt;/Table&gt;
      &lt;/TableContainer&gt;
  </code></pre>