adding logs about rows to try to find the undefined one in the table

src/cableEstimator/cableEstimator.tsx

@@ -173,6 +173,7 @@ export default function CableEstimator() {
     setRowCount(clone.length)
     //split out the first x amount for the page
     let rows = clone.splice(tablePage * pageSize, pageSize)
+    console.log("cableEstimator: " + rows)
     setDisplayedRows(rows)
     setLoading(false)
   },[binOptions, tablePage, pageSize, tableSearch])

src/cableEstimator/cableMounting.tsx

@@ -4,6 +4,7 @@ import ResponsiveTable, { Column } from "common/ResponsiveTable";
 //import { getTableIcons } from "common/ResponsiveTable";
 //import MaterialTable from "material-table";
 import { pond } from "protobuf-ts/pond";
+import { useEffect } from "react";
 import { distanceConversion, getDistanceUnit } from "utils";
 
 interface Props {
@@ -55,6 +56,10 @@ export default function CableMounting(props: Props) {
     }
   ]
 
+  useEffect(()=>{
+    console.log("cableMounting: " + bin.CableSums)
+  },[bin])
+
   return (
     <ResponsiveTable<CableSum>
       title={<Typography style={{ fontSize: 20, fontWeight: 650 }}>Install Guide</Typography>}

src/cableEstimator/cableTable.tsx

@@ -24,6 +24,7 @@ export default function CableTable(props: Props) {
     convertedCables.forEach(cable => {
       cable.Length = Math.round(distanceConversion(cable.Length) * 100) / 100;
     });
+    console.log("cableTable: " + cableData)
     setCableData(convertedCables);
   }, [bin]);
 

src/common/ResponsiveTable.tsx

@@ -141,6 +141,10 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
     return saved ? JSON.parse(saved) : [];
   });
 
+  useEffect(()=>{
+    console.log("ResponsiveTable rows: " + rows.toString())
+  },[rows])
+
   useEffect(() => {
     localStorage.setItem(filterKey, JSON.stringify(filterList));
   }, [filterList])

src/pages/Heaters.tsx

@@ -97,6 +97,7 @@ export default function Heaters() {
   }
 
   const desktopTable = () => {
+    console.log("Heater: " + heaters)
     return (
       <ResponsiveTable<pond.ObjectHeaterData>
         title={"Heaters"}

src/pages/Sites.tsx

@@ -176,6 +176,7 @@ export default function Sites() {
   };
 
   const desktopView = () => {
+  console.log("Sites: " + sites)
   return (
     <ResponsiveTable<SiteWithData>
       title={"Jobsites"}

src/transactions/transactionViewer.tsx

@@ -81,7 +81,8 @@ export default function TransactionViewer(props: Props) {
   };
 
   const myTable = () => {
-    console.log(transactions)
+    console.log("transactionViewer: " + displayedRows)
+    //console.log(transactions)
     return (
       <ResponsiveTable<Transaction>
         isLoading={loading}