apollo-link-rest SingleUser component return

SingleUserReturn.js

const {
  name,
  username,
  email,
  address: {
    street,
    suite,
    city,
    zipcode,
    geo: { lat, lng },
  },
  phone,
  website,
  company,
  company: { catchPhrase, bs },
} = data;

return (
  <>
    <h3>{name}</h3>
    <table>
      <tbody>
        <tr>
          <td>Username</td>
          <td>{username}</td>
        </tr>
        <tr>
          <td>Email</td>
          <td>
            <a href={`mailto:${email}`}>{email}</a>
          </td>
        </tr>
        <tr>
          <td>Phone</td>
          <td>{phone}</td>
        </tr>
        <tr>
          <td>Address</td>
          <td>
            {street} {suite}
            <br />
            {city} {zipcode}
          </td>
        </tr>
        <tr>
          <td>Coordinates</td>
          <td>
            {lat}, {lng}
          </td>
        </tr>
        <tr>
          <td>Website</td>
          <td>
            <a href={`https://${website}`} target="_blank" rel="noopener noreferrer">
              {website}
            </a>
          </td>
        </tr>
        <tr>
          <td>Company Name</td>
          <td>{company.name}</td>
        </tr>
        <tr>
          <td>Company Catch Phrase</td>
          <td>{catchPhrase}</td>
        </tr>
        <tr>
          <td>Company BS</td>
          <td>{bs}</td>
        </tr>
        <tr>
          <td>User ID</td>
          <td>{id}</td>
        </tr>
      </tbody>
    </table>
  </>
);