[Actionable Observability][ResponseOps] Fix alert tab crash on rule d…

…etails page (#139372)
elastic · Aug 25, 2022 · e1e9a1a · e1e9a1a
1 parent 3e7ece1
commit e1e9a1a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/x-pack/plugins/triggers_actions_ui/public/application/sections/alerts_table/alerts_table.tsx b/x-pack/plugins/triggers_actions_ui/public/application/sections/alerts_table/alerts_table.tsx
@@ -156,6 +156,7 @@ const AlertsTable: React.FunctionComponent<AlertsTableProps> = (props: AlertsTab
                   </EuiFlexItem>
                 )}
                 {renderCustomActionsRow &&
+                  alerts[visibleRowIndex] &&
                   renderCustomActionsRow(alerts[visibleRowIndex], handleFlyoutAlert, props.id)}
               </EuiFlexGroup>
             );
@@ -184,7 +185,7 @@ const AlertsTable: React.FunctionComponent<AlertsTableProps> = (props: AlertsTab
   ]);
 
   useEffect(() => {
-    // Row classes do not deal with visible row indices so we need to handle page offset
+    // Row classes do not deal with visible row indices, so we need to handle page offset
     const rowIndex = flyoutAlertIndex + pagination.pageIndex * pagination.pageSize;
     setRowClasses({
       [rowIndex]: ACTIVE_ROW_CLASS,
@@ -201,7 +202,6 @@ const AlertsTable: React.FunctionComponent<AlertsTableProps> = (props: AlertsTab
     columnId: string;
   }) => {
     const value = data.find((d) => d.field === columnId)?.value ?? [];
-    // console.log({ data, columnId })
     return <>{value.length ? value.join() : '--'}</>;
   };