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

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: true,
			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",
					link_url: ""
				},
																																					
															
				{
					code: "us-co",
					acronym:...