JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.highcharts.com/maps/highmaps.js"></script>
<script src="https://code.highcharts.com/maps/modules/exporting.js"></script>
<script src="https://code.highcharts.com/mapdata/countries/us/custom/us-all-territories.js"></script>

<div id="map_11045"></div>

JavaScript

chart = Highcharts.mapChart("map_11045", {
    chart: {
        map: "countries/us/custom/us-all-territories",
        borderWidth: 1
    },
    title: {
        text: ""
    },
    colors: ["#AAD7E2", "#79A8A2", "#C9AFDB", "#A0D8A0", "#E8A6B1", "#F4E992", "#E8B091", "#94B3E0", "#C0C4C3", "#CCB2A8"],
    exporting: {
        sourceWidth: 600,
        sourceHeight: 500
    },
    mapNavigation: {
        enabled: true
    },
    plotOptions: {
        series: {
            cursor: "pointer",
            point: {
                events: {
                    click: function() {}
                }
            }
        },
        map: {
            allAreas: false,
            colorAxis: true,
            joinBy: ["hc-key", "code"],
        }
    },
    series: [{
        legendIndex: 1,
        visible: true,
        type: "map",
        name: "Using QUICK Financial and Case Activities Modules",
        showInLegend: true,
        dataLabels: {
            enabled: true,
            color: "#000000",
            format: "{point.acronym}"
        },
        tooltip: {
            headerFormat: "",
            pointFormat: "{point.state_name} - {point.hover_data}",
            useHTML: true
        },
        data: [{
            code: "us-al",
            acronym: "AL",
            state_name: "Alabama",
            hover_data: "\u003Cp\u003EUsing\u0020QUICK\u0020Financial\u0020and\u0020Case\u0020Activities\u0020Modules\u003C\/p\u003E\r\n",
            link_url: ""
        }, {
            code: "us-ar",
            acronym: "AR",
            state_name: "Arkansas",
            hover_data: "\u003Cp\u003EUsing\u0020QUICK\u0020Financial\u0020and\u0020Case\u0020Activities\u0020Modules\u003C\/p\u003E\n",
            link_url: ""
        }, {
            code: "us-ca",
            acronym: "CA",
            state_name: "California",
            hover_data: "\u003Cp\u003EUsing\u0020QUICK\u0020Financial\u0020and\u0020Case\u0020Activities\u0020Modules\u003C\/p\u003E\r\n",
 ...