corrected and added typescript checks that broke code for currentSeriesBarStacks to enforce accuracy

Author: llam722

src/app/components/FrontendTypes.ts

@@ -10,8 +10,8 @@ export interface Series {
   }
 
   interface ActionObj {
-    name: unknown,
-    seriesName: unknown,
+    name: string,
+    seriesName: string,
   }
 
 export interface PerfData {

src/app/components/StateRoute/PerformanceVisx/BarGraphComparison.tsx

@@ -12,9 +12,13 @@ import { makeStyles } from '@material-ui/core/styles';
 import Select from '@material-ui/core/Select';
 import MenuItem from '@material-ui/core/MenuItem';
 import FormControl from '@material-ui/core/FormControl';
-import { onHover, onHoverExit, deleteSeries, setCurrentTabInApp } from '../../../actions/actions';
+import {
+  onHover, onHoverExit, deleteSeries, setCurrentTabInApp,
+} from '../../../actions/actions';
 import { useStoreContext } from '../../../store';
-import { snapshot, TooltipData, margin, BarGraphComparisonProps } from '../../FrontendTypes';
+import {
+  snapshot, TooltipData, margin, BarGraphComparisonProps,
+} from '../../FrontendTypes';
 
 /* DEFAULTS */
 const margin = {
@@ -78,15 +82,15 @@ const BarGraphComparison = (props: BarGraphComparisonProps): JSX.Element => {
   // We'll then use it in the renderingScale function and compare
   // with the render time of the current tab.
   // The max render time will determine the Y-axis's highest number.
-  const calculateMaxTotalRender = serie => {
-    const currentSeriesBarStacks = !comparison[serie]
+  const calculateMaxTotalRender = (serie: string) => {
+    const currentSeriesBarStacks: number[] = !comparison[serie]
       ? []
       : comparison[serie].data.barStack;
     if (currentSeriesBarStacks.length === 0) return 0;
     let currentMax = -Infinity;
     for (let i = 0; i < currentSeriesBarStacks.length; i += 1) {
       const renderTimes = Object.values(currentSeriesBarStacks[i]).slice(1);
-      const renderTotal = renderTimes.reduce((acc, curr) => acc + curr);
+      const renderTotal: number = renderTimes.reduce((acc, curr) => acc + curr);
       if (renderTotal > currentMax) currentMax = renderTotal;
     }
     return currentMax;