Comment ajouter 'A' étiquette de liaison avec hyperlien dans l'application ReactJS

J'ai un problème avec Ajout de lien hypertexte au texte de Cell personnalisé. J'ajoute déjà une étiquette dans une cellule personnalisée, mais comme vous le voyez dans Code Sandbox, il semble ne pas fonctionner mais toujours 'a' étiquette existe à l'intérieur de la balise div. Comment puis-je résoudre ce problème?

Le code complet et la démo est peut accompagner avec CoDesandbox P>

Code Sandbox Link P>

J'utilise React-Data-Table-composant et j'ai suivi la bonne façon d'ajouter du lien hypertexte mais il semble que cela ne fonctionne pas. Et je ne sais pas pourquoi ça ne marche pas. Il a dit qu'il utilise JSX. P>

const columns = [
  {
    name: 'Coin Name',
    selector: 'key',
    sortable: true,
    cell: row => (
      <a
        href={'https://www.bithumb.com/trade/order/' + row.key}
        target="_blank"
        rel="noopener noreferrer">
        {row.key}
      </a>
    ),
  },
}