JSFiddle - React, Tailwind, and code Playground

HTML

<body>

    <h1>This is a JSON string to object converter.</h1>
    
    <p id="Info"></p>
      
</body>

JavaScript

var civicInfoResponse =
"{
 "kind": "civicinfo#representativeInfoResponse",
 "normalizedInput": {
  "line1": "",
  "city": "tampa",
  "state": "FL",
  "zip": ""
 },
 "divisions": {
  "ocd-division/country:us/state:fl/place:tampa": {
   "name": "Tampa city",
   "officeIndices": [
    5,
    6,
    7,
    8
   ]
  },
  "ocd-division/country:us": {
   "name": "United States",
   "officeIndices": [
    0,
    1
   ]
  },
  "ocd-division/country:us/state:fl": {
   "name": "Florida",
   "officeIndices": [
    2,
    3,
    4,
    9,
    10,
    11
   ]
  },
  "ocd-division/country:us/state:fl/county:hillsborough": {
   "name": "Hillsborough County",
   "officeIndices": [
    12,
    13,
    14,
    15,
    16,
    17,
    18,
    19
   ]
  }
 },
 "offices": [
  {
   "name": "President of the United States",
   "divisionId": "ocd-division/country:us",
   "levels": [
    "country"
   ],
   "roles": [
    "headOfState",
    "headOfGovernment"
   ],
   "officialIndices": [
    0
   ]
  },
  {
   "name": "Vice-President of the United States",
   "divisionId": "ocd-division/country:us",
   "levels": [
    "country"
   ],
   "roles": [
    "deputyHeadOfGovernment"
   ],
   "officialIndices": [
    1
   ]
  },
  {
   "name": "United States Senate",
   "divisionId": "ocd-division/country:us/state:fl",
   "levels": [
    "country"
   ],
   "roles": [
    "legislatorUpperBody"
   ],
   "officialIndices": [
    2,
    3
   ]
  },
  {
   "name": "Governor",
   "divisionId": "ocd-division/country:us/state:fl",
   "levels": [
    "administrativeArea1"
   ],
   "roles": [
    "headOfGovernment"
   ],
   "officialIndices": [
    4
   ]
  },
  {
   "name": "Lieutenant Governor",
   "divisionId": "ocd-division/country:us/state:fl",
   "levels": [
    "administrativeArea1"
   ],
   "roles": [
    "deputyHeadOfGovernment"
   ],
   "officialIndices": [
    5
   ]
  },
  {
   "name": "Mayor",
   "divisionId": "ocd-division/country:us/state:fl/place:tampa",
   "officialIndices": [
    6
   ]
...