memoize fn call

elastic · Apr 16, 2024 · 688ec93 · 688ec93
1 parent 65a7b6b
commit 688ec93
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/...imelines/components/timeline/unified_components/data_table/use_event_type_row_styling.tsx b/...imelines/components/timeline/unified_components/data_table/use_event_type_row_styling.tsx
@@ -3,7 +3,7 @@ import { useMemo } from "react";
 import { getEventType, isEvenEqlSequence, isEventBuildingBlockType } from "../../body/helpers";
 
 export const useEventTypeRowStyling = (ecsData: TimelineItem['ecs']) => {
-    const eventType = getEventType(ecsData);
+    const eventType = useMemo(() => getEventType(ecsData), []);
     const eventTypeClassName = useMemo(
       () =>
         eventType === 'raw'
@@ -20,5 +20,5 @@ export const useEventTypeRowStyling = (ecsData: TimelineItem['ecs']) => {
       [ecsData]
     );
 
-    return useMemo(() => [eventTypeClassName, buildingBlockTypeClassName].join(' '), []);
+    return useMemo(() => `${eventTypeClassName} ${buildingBlockTypeClassName}`, []);
 }