JSFiddle - React, Tailwind, and code Playground

JavaScript

$.each(data.employeeInsuranceData[q].employeeData, function(i, f) {
          var divData = "<tr>" + "<td>" + f.lastName + "</td>" + "<td>" + f.firstName + "</td>" + "<td>" + f.ssn + "</td>" + "<td>" + f.dateOfBirth + "</td>" + "</td>" + "<td>" + f.gender + "</td>" + "<td>" + f.carrier + "</td>" + "<td>" + f.benefit + "</td>" + "<td>" + f.planName + "</td>" + "</tr>";
          if (divData === null || divData === undefined) {
              //Error#5
              console.log("Error#5: The data tables are " + divData + " for some reason!");
          }
           else{
               //Do nothing.  Everything is good.
           }
          $(divData).appendTo("#dataTable" + q + " tbody");