JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.js"></script>
<div id="output"></div>
<script type="template/handlebars" id="template"><table>
  <tr>
    <td>
      <div>
        <div>
          <div> Endereço de entrega </div>
          {{#each data.deliveries as |deliverie deliverieId|}}
            {{deliverie.deliveryAddress.street}},
            {{deliverie.deliveryAddress.number}}
            -
            {{deliverie.deliveryAddress.streetComplement}}<br />
            {{deliverie.deliveryAddress.neighborhood}}
            -
            {{deliverie.deliveryAddress.city}},
            {{deliverie.deliveryAddress.state}}
            -
            {{deliverie.deliveryAddress.country}}.<br />
            CEP:
            {{deliverie.deliveryAddress.zipCode}}<br />
            Ponto de referência: Não informado.
          {{/each}}
        </div>
        <br />
      </div>
    </td>
  </tr>
</table>
</script>

JavaScript

var template = Handlebars.compile(document.getElementById('template').innerHTML, { strict: true });

document.getElementById('output').innerHTML = template({
    "DISPLAY_NAME": "Mateus",
    "data": {
        "customer": {
            "documents": [
                {
                    "additionalData": [],
                    "default": true,
                    "documentType": "cpf",
                    "document": "48990821002"
                }
            ],
            "phones": [
                {
                    "type": "mobile",
                    "number": "5511981806534"
                }
            ],
            "dateOfBirth": "1998-01-22T00:00:00.000Z",
            "email": "matheus.campos.ext@infracommerce.com.br",
            "tradingName": null,
            "fullName": "Matheus  Campos",
            "id": "443daf0e-1874-4f69-8214-2ed58738580f"
        },
        "billingAddress": {
            "country": "BRA",
            "street": "Rua Vitorino Carmilo"
        },
        "deliveries": [
            {
                "items": [
                    {
                        "productName": "Iphone 12",
                        "size": "Pequeno",
                        "color": "Preto",
                        "discount": null,
                        "totalValue": 9448.2,
                        "totalDiscountPercentageValue": 0,
                        "totalDiscountValue": 0,
                        "imageUrl": "https://armaniexchange.vteximg.com.br/arquivos/ids/158132/8059972456164_1.jpg",
                        "name": "iPhone 12 Pro Max Apple 128GB Azul-Pacífico Tela de 6,7”, Câmera Tripla de 12MP, iOS",
                        "skuId": "78910190149"
                    }
                ],
                "deliveryAddress": {
                    "addressee": {
                        "document": null,
                        "name": "Matheus  Campos"
                    },
                    "deliverInstructions": null,
          ...