[Rule details page] Fix Cannot read properties of undefined (reading …

…'statusCode') (#206023) ## Summary Occasionally, we see the following error on the Observability rule details page: ``` TypeError: Cannot read properties of undefined (reading 'statusCode') ``` This PR tries to fix this issue in order to capture the actual error and avoid accessing `statusCode` when the error.body is undefined.
elastic · Jan 13, 2025 · 25e12a6 · 25e12a6
1 parent 0ad1695
commit 25e12a6
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/...m/plugins/shared/triggers_actions_ui/public/application/hooks/use_load_rule_event_logs.ts b/...m/plugins/shared/triggers_actions_ui/public/application/hooks/use_load_rule_event_logs.ts
@@ -61,7 +61,7 @@ export function useLoadRuleEventLogs(props: UseLoadRuleEventLogsProps) {
     retry: 0,
     refetchOnWindowFocus: false,
   });
-  const hasExceedLogs = useMemo(() => error && error.body.statusCode === 413, [error]);
+  const hasExceedLogs = useMemo(() => error && error.body?.statusCode === 413, [error]);
   return useMemo(
     () => ({
       data,

diff --git a/...ctions_ui/public/application/sections/rule_details/components/rule_event_log_list_kpi.tsx b/...ctions_ui/public/application/sections/rule_details/components/rule_event_log_list_kpi.tsx
@@ -109,7 +109,7 @@ export const RuleEventLogListKPI = (props: RuleEventLogListKPIProps) => {
       });
       setKpi(newKpi);
     } catch (e) {
-      if (e.body.statusCode === 413) {
+      if (e.body?.statusCode === 413) {
         return;
       }
       toasts.addDanger({

diff --git a/...ions_ui/public/application/sections/rule_details/components/rule_event_log_list_table.tsx b/...ions_ui/public/application/sections/rule_details/components/rule_event_log_list_table.tsx
@@ -201,7 +201,7 @@ export const RuleEventLogListTable = <T extends RuleEventLogListOptions>(
 
   const onError = useCallback<NonNullable<UseLoadRuleEventLogsProps['onError']>>(
     (e) => {
-      if (e.body.statusCode === 413) {
+      if (e.body?.statusCode === 413) {
         return;
       }
       notifications.toasts.addDanger({