JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%">
  <tr>
    <td>
      <h1>Item A</h1>
      <h2>$10.00</h2>
      <h3 class="dbip-convert-currency" data-amount="10" data-currency="USD" data-format="or {amount}"></h3>
    </td>
    <td>
      <h1>Item B</h1>
      <h2>€20.00</h2>
      <h3 class="dbip-convert-currency" data-amount="20" data-currency="EUR" data-format="or {amount}"></h3>
    </td>
    <td>
      <h1>Item C</h1>
      <h2>£30.00</h2>
      <h3 class="dbip-convert-currency" data-amount="30" data-currency="GBP" data-format="or {amount}"></h3>
    </td>
  </tr>
</table>

<script async src="https://cdn.db-ip.com/js/dbip.js"
  data-api-key="p6bcac47ae71f0285cb6343d9697e56e41a2cb92"
  data-convert-currencies
  data-currency-display="name">
</script>

CSS

h3 {
  display: none;
}
h3.converted {
  display: inherit;
}