diff --git a/package.json b/package.json
index e15fdfb85881c..891d72fa8c5ff 100644
--- a/package.json
+++ b/package.json
@@ -214,7 +214,7 @@
     "react-hooks-testing-library": "^0.5.0",
     "react-input-range": "^1.3.0",
     "react-markdown": "^3.4.1",
-    "react-redux": "^5.0.7",
+    "react-redux": "^5.1.1",
     "react-router-dom": "^4.3.1",
     "react-sizeme": "^2.3.6",
     "reactcss": "1.2.3",
diff --git a/x-pack/legacy/plugins/siem/public/components/and_or_badge/index.tsx b/x-pack/legacy/plugins/siem/public/components/and_or_badge/index.tsx
index c6f82d1217d18..fd5712e1dd1a5 100644
--- a/x-pack/legacy/plugins/siem/public/components/and_or_badge/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/and_or_badge/index.tsx
@@ -33,6 +33,8 @@ const RoundedBadge = styled(EuiBadge)`
   }
 `;
 
+RoundedBadge.displayName = 'RoundedBadge';
+
 export type AndOr = 'and' | 'or';
 
 /** Displays AND / OR in a round badge */
@@ -45,3 +47,5 @@ export const AndOrBadge = pure<{ type: AndOr }>(({ type }) => {
     </RoundedBadge>
   );
 });
+
+AndOrBadge.displayName = 'AndOrBadge';
diff --git a/x-pack/legacy/plugins/siem/public/components/arrows/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/arrows/__snapshots__/index.test.tsx.snap
index cdc7dc3ceaf5c..408bcac756f47 100644
--- a/x-pack/legacy/plugins/siem/public/components/arrows/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/arrows/__snapshots__/index.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`arrows ArrowBody renders correctly against snapshot 1`] = `
 <Component>
-  <styled.span
+  <ArrowBody
     height={3}
   />
 </Component>
diff --git a/x-pack/legacy/plugins/siem/public/components/arrows/index.tsx b/x-pack/legacy/plugins/siem/public/components/arrows/index.tsx
index 3aff913383756..6d5b464e0e886 100644
--- a/x-pack/legacy/plugins/siem/public/components/arrows/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/arrows/index.tsx
@@ -16,6 +16,8 @@ export const ArrowBody = styled.span<{ height: number }>`
   width: 25px;
 `;
 
+ArrowBody.displayName = 'ArrowBody';
+
 export type ArrowDirection = 'arrowLeft' | 'arrowRight';
 
 /** Renders the head of an arrow */
@@ -24,3 +26,5 @@ export const ArrowHead = pure<{
 }>(({ direction }) => (
   <EuiIcon color="subdued" data-test-subj="arrow-icon" size="s" type={direction} />
 ));
+
+ArrowHead.displayName = 'ArrowHead';
diff --git a/x-pack/legacy/plugins/siem/public/components/autocomplete_field/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/autocomplete_field/__snapshots__/index.test.tsx.snap
index 35d2d9b2cee11..3fbf46760f3a5 100644
--- a/x-pack/legacy/plugins/siem/public/components/autocomplete_field/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/autocomplete_field/__snapshots__/index.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`Autocomplete rendering it renders against snapshot 1`] = `
 <EuiOutsideClickDetector
   onOutsideClick={[Function]}
 >
-  <styled.div>
+  <AutocompleteContainer>
     <EuiFieldSearch
       compressed={false}
       fullWidth={true}
@@ -20,6 +20,6 @@ exports[`Autocomplete rendering it renders against snapshot 1`] = `
       placeholder="myPlaceholder"
       value=""
     />
-  </styled.div>
+  </AutocompleteContainer>
 </EuiOutsideClickDetector>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/autocomplete_field/index.tsx b/x-pack/legacy/plugins/siem/public/components/autocomplete_field/index.tsx
index b26b3cfa51d03..ba224ed1797f3 100644
--- a/x-pack/legacy/plugins/siem/public/components/autocomplete_field/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/autocomplete_field/index.tsx
@@ -311,6 +311,8 @@ const AutocompleteContainer = euiStyled.div`
   position: relative;
 `;
 
+AutocompleteContainer.displayName = 'AutocompleteContainer';
+
 const SuggestionsPanel = euiStyled(EuiPanel).attrs({
   paddingSize: 'none',
   hasShadow: true,
@@ -321,3 +323,5 @@ const SuggestionsPanel = euiStyled(EuiPanel).attrs({
   overflow: hidden;
   z-index: ${props => props.theme.eui.euiZLevel1};
 `;
+
+SuggestionsPanel.displayName = 'SuggestionsPanel';
diff --git a/x-pack/legacy/plugins/siem/public/components/autocomplete_field/suggestion_item.tsx b/x-pack/legacy/plugins/siem/public/components/autocomplete_field/suggestion_item.tsx
index 53be16ed2843c..6bc217d6efb4b 100644
--- a/x-pack/legacy/plugins/siem/public/components/autocomplete_field/suggestion_item.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/autocomplete_field/suggestion_item.tsx
@@ -25,7 +25,6 @@ export class SuggestionItem extends React.PureComponent<SuggestionItemProps> {
 
   public render() {
     const { isSelected, onClick, onMouseEnter, suggestion } = this.props;
-
     return (
       <SuggestionItemContainer
         isSelected={isSelected}
@@ -55,6 +54,8 @@ const SuggestionItemContainer = euiStyled.div<{
     props.isSelected ? props.theme.eui.euiColorLightestShade : 'transparent'};
 `;
 
+SuggestionItemContainer.displayName = 'SuggestionItemContainer';
+
 const SuggestionItemField = euiStyled.div`
   align-items: center;
   cursor: pointer;
@@ -64,6 +65,8 @@ const SuggestionItemField = euiStyled.div`
   padding: ${props => props.theme.eui.euiSizeXS};
 `;
 
+SuggestionItemField.displayName = 'SuggestionItemField';
+
 const SuggestionItemIconField = styled(SuggestionItemField)<{ suggestionType: string }>`
   background-color: ${props =>
     transparentize(0.9, getEuiIconColor(props.theme, props.suggestionType))};
@@ -73,11 +76,15 @@ const SuggestionItemIconField = styled(SuggestionItemField)<{ suggestionType: st
   width: ${props => props.theme.eui.euiSizeXL};
 `;
 
+SuggestionItemIconField.displayName = 'SuggestionItemIconField';
+
 const SuggestionItemTextField = styled(SuggestionItemField)`
   flex: 2 0 0;
   font-family: ${props => props.theme.eui.euiCodeFontFamily};
 `;
 
+SuggestionItemTextField.displayName = 'SuggestionItemTextField';
+
 const SuggestionItemDescriptionField = styled(SuggestionItemField)`
   flex: 3 0 0;
 
@@ -90,6 +97,8 @@ const SuggestionItemDescriptionField = styled(SuggestionItemField)`
   }
 `;
 
+SuggestionItemDescriptionField.displayName = 'SuggestionItemDescriptionField';
+
 const getEuiIconType = (suggestionType: string) => {
   switch (suggestionType) {
     case 'field':
diff --git a/x-pack/legacy/plugins/siem/public/components/certificate_fingerprint/index.tsx b/x-pack/legacy/plugins/siem/public/components/certificate_fingerprint/index.tsx
index 9ae8d1c9cbb92..37ec256ccd8c0 100644
--- a/x-pack/legacy/plugins/siem/public/components/certificate_fingerprint/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/certificate_fingerprint/index.tsx
@@ -26,6 +26,8 @@ const FingerprintLabel = styled.span`
   margin-right: 5px;
 `;
 
+FingerprintLabel.displayName = 'FingerprintLabel';
+
 /**
  * Represents a field containing a certificate fingerprint (e.g. a sha1), with
  * a link to an external site, which in-turn compares the fingerprint against a
@@ -63,3 +65,5 @@ export const CertificateFingerprint = pure<{
     </DraggableBadge>
   );
 });
+
+CertificateFingerprint.displayName = 'CertificateFingerprint';
diff --git a/x-pack/legacy/plugins/siem/public/components/charts/areachart.tsx b/x-pack/legacy/plugins/siem/public/components/charts/areachart.tsx
index d30531454b3b6..601e4dceeca8d 100644
--- a/x-pack/legacy/plugins/siem/public/components/charts/areachart.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/charts/areachart.tsx
@@ -111,6 +111,8 @@ export const AreaChartBaseComponent = React.memo<{
   ) : null;
 });
 
+AreaChartBaseComponent.displayName = 'AreaChartBaseComponent';
+
 export const AreaChartWithCustomPrompt = React.memo<{
   data: ChartConfigsData[] | null | undefined;
   height: number | null | undefined;
@@ -131,6 +133,8 @@ export const AreaChartWithCustomPrompt = React.memo<{
   );
 });
 
+AreaChartWithCustomPrompt.displayName = 'AreaChartWithCustomPrompt';
+
 export const AreaChart = React.memo<{
   areaChart: ChartConfigsData[] | null | undefined;
   configs?: ChartSeriesConfigs | undefined;
@@ -148,3 +152,5 @@ export const AreaChart = React.memo<{
     )}
   </AutoSizer>
 ));
+
+AreaChart.displayName = 'AreaChart';
diff --git a/x-pack/legacy/plugins/siem/public/components/charts/barchart.tsx b/x-pack/legacy/plugins/siem/public/components/charts/barchart.tsx
index 4408879ec729c..547699d49fb03 100644
--- a/x-pack/legacy/plugins/siem/public/components/charts/barchart.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/charts/barchart.tsx
@@ -83,6 +83,8 @@ export const BarChartBaseComponent = React.memo<{
   ) : null;
 });
 
+BarChartBaseComponent.displayName = 'BarChartBaseComponent';
+
 export const BarChartWithCustomPrompt = React.memo<{
   data: ChartConfigsData[] | null | undefined;
   height: number | null | undefined;
@@ -101,6 +103,8 @@ export const BarChartWithCustomPrompt = React.memo<{
   );
 });
 
+BarChartWithCustomPrompt.displayName = 'BarChartWithCustomPrompt';
+
 export const BarChart = React.memo<{
   barChart: ChartConfigsData[] | null | undefined;
   configs?: ChartSeriesConfigs | undefined;
@@ -113,3 +117,5 @@ export const BarChart = React.memo<{
     )}
   </AutoSizer>
 ));
+
+BarChart.displayName = 'BarChart';
diff --git a/x-pack/legacy/plugins/siem/public/components/charts/common.tsx b/x-pack/legacy/plugins/siem/public/components/charts/common.tsx
index 1e2e9aafe573a..00b0f75078bfd 100644
--- a/x-pack/legacy/plugins/siem/public/components/charts/common.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/charts/common.tsx
@@ -30,6 +30,9 @@ const chartDefaultRendering: Rendering = 'canvas';
 const FlexGroup = styled(EuiFlexGroup)`
   height: 100%;
 `;
+
+FlexGroup.displayName = 'FlexGroup';
+
 export type UpdateDateRange = (min: number, max: number) => void;
 
 export const ChartHolder = () => (
@@ -89,6 +92,8 @@ export const WrappedByAutoSizer = styled.div`
   }
 `;
 
+WrappedByAutoSizer.displayName = 'WrappedByAutoSizer';
+
 export enum SeriesType {
   BAR = 'bar',
   AREA = 'area',
diff --git a/x-pack/legacy/plugins/siem/public/components/direction/index.tsx b/x-pack/legacy/plugins/siem/public/components/direction/index.tsx
index 2d17a72631b16..b5d6fcfc6cef7 100644
--- a/x-pack/legacy/plugins/siem/public/components/direction/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/direction/index.tsx
@@ -70,3 +70,5 @@ export const DirectionBadge = pure<{
     value={direction}
   />
 ));
+
+DirectionBadge.displayName = 'DirectionBadge';
diff --git a/x-pack/legacy/plugins/siem/public/components/drag_and_drop/__snapshots__/droppable_wrapper.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/drag_and_drop/__snapshots__/droppable_wrapper.test.tsx.snap
index 5faf2346bd06d..170145db67740 100644
--- a/x-pack/legacy/plugins/siem/public/components/drag_and_drop/__snapshots__/droppable_wrapper.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/drag_and_drop/__snapshots__/droppable_wrapper.test.tsx.snap
@@ -393,11 +393,11 @@ exports[`DroppableWrapper rendering it renders against the snapshot 1`] = `
         }
       }
     >
-      <pure(Component)
+      <DroppableWrapper
         droppableId="testing"
       >
         draggable wrapper content
-      </pure(Component)>
+      </DroppableWrapper>
     </Connect(DragDropContextWrapperComponent)>
   </MockedProvider>
 </Component>
diff --git a/x-pack/legacy/plugins/siem/public/components/drag_and_drop/draggable_wrapper.tsx b/x-pack/legacy/plugins/siem/public/components/drag_and_drop/draggable_wrapper.tsx
index 1bef0e944ea67..e790aef39d63b 100644
--- a/x-pack/legacy/plugins/siem/public/components/drag_and_drop/draggable_wrapper.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/drag_and_drop/draggable_wrapper.tsx
@@ -26,6 +26,8 @@ import { getDraggableId, getDroppableId } from './helpers';
 // As right now, we do not know what we want there, we will keep it as a placeholder
 export const DragEffects = styled.div``;
 
+DragEffects.displayName = 'DragEffects';
+
 const ProviderContainer = styled.div`
   &:hover {
     transition: background-color 0.7s ease;
@@ -33,6 +35,8 @@ const ProviderContainer = styled.div`
   }
 `;
 
+ProviderContainer.displayName = 'ProviderContainer';
+
 interface OwnProps {
   dataProvider: DataProvider;
   render: (
diff --git a/x-pack/legacy/plugins/siem/public/components/drag_and_drop/droppable_wrapper.tsx b/x-pack/legacy/plugins/siem/public/components/drag_and_drop/droppable_wrapper.tsx
index 5b94159eceb51..842d1c07d0e1f 100644
--- a/x-pack/legacy/plugins/siem/public/components/drag_and_drop/droppable_wrapper.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/drag_and_drop/droppable_wrapper.tsx
@@ -71,6 +71,8 @@ const ReactDndDropTarget = styled.div<{ isDraggingOver: boolean; height: string
   }
 `;
 
+ReactDndDropTarget.displayName = 'ReactDndDropTarget';
+
 export const DroppableWrapper = pure<Props>(
   ({ children, droppableId, height = '100%', isDropDisabled = false, type }) => (
     <Droppable
@@ -93,3 +95,5 @@ export const DroppableWrapper = pure<Props>(
     </Droppable>
   )
 );
+
+DroppableWrapper.displayName = 'DroppableWrapper';
diff --git a/x-pack/legacy/plugins/siem/public/components/draggables/field_badge/index.tsx b/x-pack/legacy/plugins/siem/public/components/draggables/field_badge/index.tsx
index 6da9c5615d459..f80afea9a98e9 100644
--- a/x-pack/legacy/plugins/siem/public/components/draggables/field_badge/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/draggables/field_badge/index.tsx
@@ -19,10 +19,14 @@ const FieldBadgeFlexGroup = styled(EuiFlexGroup)`
   height: 38px;
 `;
 
+FieldBadgeFlexGroup.displayName = 'FieldBadgeFlexGroup';
+
 const FieldBadgeFlexItem = styled(EuiFlexItem)`
   font-weight: bold;
 `;
 
+FieldBadgeFlexItem.displayName = 'FieldBadgeFlexItem';
+
 /**
  * The name of a (draggable) field
  */
@@ -35,6 +39,8 @@ export const FieldNameContainer = styled.div`
   }
 `;
 
+FieldNameContainer.displayName = 'FieldNameContainer';
+
 /**
  * Renders a field (e.g. `event.action`) as a draggable badge
  */
@@ -47,3 +53,5 @@ export const DraggableFieldBadge = pure<{ fieldId: string }>(({ fieldId }) => (
     </FieldBadgeFlexGroup>
   </EuiBadge>
 ));
+
+DraggableFieldBadge.displayName = 'DraggableFieldBadge';
diff --git a/x-pack/legacy/plugins/siem/public/components/draggables/index.tsx b/x-pack/legacy/plugins/siem/public/components/draggables/index.tsx
index 09dc8573d45c5..d76e5db57057f 100644
--- a/x-pack/legacy/plugins/siem/public/components/draggables/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/draggables/index.tsx
@@ -68,6 +68,8 @@ const Content = pure<{
   )
 );
 
+Content.displayName = 'Content';
+
 /**
  * Draggable text (or an arbitrary visualization specified by `children`)
  * that's only displayed when the specified value is non-`null`.
@@ -116,6 +118,8 @@ export const DefaultDraggable = pure<DefaultDraggableType>(
     ) : null
 );
 
+DefaultDraggable.displayName = 'DefaultDraggable';
+
 // Ref: https://github.com/elastic/eui/issues/1655
 // const Badge = styled(EuiBadge)`
 //   vertical-align: top;
@@ -124,6 +128,8 @@ export const Badge = (props: EuiBadgeProps) => (
   <EuiBadge {...props} style={{ verticalAlign: 'top' }} />
 );
 
+Badge.displayName = 'Badge';
+
 export type BadgeDraggableType = Omit<DefaultDraggableType, 'id'> & {
   contextId: string;
   eventId: string;
@@ -174,3 +180,5 @@ export const DraggableBadge = pure<BadgeDraggableType>(
       </DefaultDraggable>
     ) : null
 );
+
+DraggableBadge.displayName = 'DraggableBadge';
diff --git a/x-pack/legacy/plugins/siem/public/components/duration/index.tsx b/x-pack/legacy/plugins/siem/public/components/duration/index.tsx
index 5db5481517a31..2ea9bfe48adba 100644
--- a/x-pack/legacy/plugins/siem/public/components/duration/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/duration/index.tsx
@@ -32,3 +32,5 @@ export const Duration = pure<{
     <FormattedDuration maybeDurationNanoseconds={value} tooltipTitle={fieldName} />
   </DefaultDraggable>
 ));
+
+Duration.displayName = 'Duration';
diff --git a/x-pack/legacy/plugins/siem/public/components/edit_data_provider/index.tsx b/x-pack/legacy/plugins/siem/public/components/edit_data_provider/index.tsx
index a4e4ccb8edf61..71c4f3af0257e 100644
--- a/x-pack/legacy/plugins/siem/public/components/edit_data_provider/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/edit_data_provider/index.tsx
@@ -44,6 +44,8 @@ export const HeaderContainer = styled.div`
   width: ${EDIT_DATA_PROVIDER_WIDTH};
 `;
 
+HeaderContainer.displayName = 'HeaderContainer';
+
 // SIDE EFFECT: the following `injectGlobal` overrides the default styling
 // of euiComboBoxOptionsList because it's implemented as a popover, so it's
 // not selectable as a child of the styled component
diff --git a/x-pack/legacy/plugins/siem/public/components/empty_page/index.tsx b/x-pack/legacy/plugins/siem/public/components/empty_page/index.tsx
index fb2aafcbdfcfd..9c3dd462de153 100644
--- a/x-pack/legacy/plugins/siem/public/components/empty_page/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/empty_page/index.tsx
@@ -13,6 +13,8 @@ const EmptyPrompt = styled(EuiEmptyPrompt)`
   align-self: center; // Corrects horizontal centering in IE11
 `;
 
+EmptyPrompt.displayName = 'EmptyPrompt';
+
 interface EmptyPageProps {
   actionPrimaryIcon?: IconType;
   actionPrimaryLabel: string;
@@ -74,3 +76,5 @@ export const EmptyPage = pure<EmptyPageProps>(
     />
   )
 );
+
+EmptyPage.displayName = 'EmptyPage';
diff --git a/x-pack/legacy/plugins/siem/public/components/empty_value/index.tsx b/x-pack/legacy/plugins/siem/public/components/empty_value/index.tsx
index dd4ecb7c82b06..8c99068b06d84 100644
--- a/x-pack/legacy/plugins/siem/public/components/empty_value/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/empty_value/index.tsx
@@ -18,6 +18,8 @@ const EmptyString = styled.span`
   }) => euiColorMediumShade};
 `;
 
+EmptyString.displayName = 'EmptyString';
+
 export const getEmptyValue = () => '--';
 export const getEmptyString = () => `(${i18n.EMPTY_STRING})`;
 
diff --git a/x-pack/legacy/plugins/siem/public/components/event_details/__snapshots__/event_details.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/event_details/__snapshots__/event_details.test.tsx.snap
index 399892270f9fb..fbb849520b746 100644
--- a/x-pack/legacy/plugins/siem/public/components/event_details/__snapshots__/event_details.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/event_details/__snapshots__/event_details.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`EventDetails rendering should match snapshot 1`] = `
 <Component>
-  <pure(Component)
+  <EventDetails
     browserFields={
       Object {
         "agent": Object {
diff --git a/x-pack/legacy/plugins/siem/public/components/event_details/columns.tsx b/x-pack/legacy/plugins/siem/public/components/event_details/columns.tsx
index 4d341e633644b..dc4cb9cda3efa 100644
--- a/x-pack/legacy/plugins/siem/public/components/event_details/columns.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/event_details/columns.tsx
@@ -42,11 +42,15 @@ const HoverActionsContainer = styled(EuiPanel)`
   width: 30px;
 `;
 
+HoverActionsContainer.displayName = 'HoverActionsContainer';
+
 const FieldTypeIcon = styled(EuiIcon)`
   position: relative;
   top: -2px;
 `;
 
+FieldTypeIcon.displayName = 'FieldTypeIcon';
+
 export const getColumns = ({
   browserFields,
   eventId,
diff --git a/x-pack/legacy/plugins/siem/public/components/event_details/event_details.tsx b/x-pack/legacy/plugins/siem/public/components/event_details/event_details.tsx
index 11169810c223a..02b5245f12c8e 100644
--- a/x-pack/legacy/plugins/siem/public/components/event_details/event_details.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/event_details/event_details.tsx
@@ -35,6 +35,8 @@ const Details = styled.div`
   width: 100%;
 `;
 
+Details.displayName = 'Details';
+
 export const EventDetails = pure<Props>(
   ({ browserFields, data, id, isLoading, view, onUpdateColumns, onViewSelected, timelineId }) => {
     const tabs: EuiTabbedContentTab[] = [
@@ -70,3 +72,5 @@ export const EventDetails = pure<Props>(
     );
   }
 );
+
+EventDetails.displayName = 'EventDetails';
diff --git a/x-pack/legacy/plugins/siem/public/components/event_details/event_fields_browser.tsx b/x-pack/legacy/plugins/siem/public/components/event_details/event_fields_browser.tsx
index e8be940fe831d..0979420158a80 100644
--- a/x-pack/legacy/plugins/siem/public/components/event_details/event_fields_browser.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/event_details/event_fields_browser.tsx
@@ -55,3 +55,5 @@ export const EventFieldsBrowser = pure<Props>(
     );
   }
 );
+
+EventFieldsBrowser.displayName = 'EventFieldsBrowser';
diff --git a/x-pack/legacy/plugins/siem/public/components/event_details/json_view.tsx b/x-pack/legacy/plugins/siem/public/components/event_details/json_view.tsx
index 230ca10a7996f..d09f67960c118 100644
--- a/x-pack/legacy/plugins/siem/public/components/event_details/json_view.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/event_details/json_view.tsx
@@ -24,6 +24,8 @@ const JsonEditor = styled.div`
   width: 100%;
 `;
 
+JsonEditor.displayName = 'JsonEditor';
+
 export const JsonView = pure<Props>(({ data }) => (
   <JsonEditor data-test-subj="jsonView">
     <EuiCodeEditor
@@ -40,5 +42,7 @@ export const JsonView = pure<Props>(({ data }) => (
   </JsonEditor>
 ));
 
+JsonView.displayName = 'JsonView';
+
 export const buildJsonView = (data: DetailItem[]) =>
   data.reduce((accumulator, item) => set(item.field, item.originalValue, accumulator), {});
diff --git a/x-pack/legacy/plugins/siem/public/components/external_link_icon/index.tsx b/x-pack/legacy/plugins/siem/public/components/external_link_icon/index.tsx
index 433d27f187267..a54e0803d02ea 100644
--- a/x-pack/legacy/plugins/siem/public/components/external_link_icon/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/external_link_icon/index.tsx
@@ -14,10 +14,14 @@ const LinkIcon = styled(EuiIcon)`
   top: -2px;
 `;
 
+LinkIcon.displayName = 'LinkIcon';
+
 const LinkIconWithMargin = styled(LinkIcon)`
   margin-left: 5px;
 `;
 
+LinkIconWithMargin.displayName = 'LinkIconWithMargin';
+
 const color = 'subdued';
 const iconSize = 's';
 const iconType = 'popout';
@@ -40,3 +44,5 @@ export const ExternalLinkIcon = pure<{
     <LinkIcon color={color} data-test-subj="external-link-icon" size={iconSize} type={iconType} />
   )
 );
+
+ExternalLinkIcon.displayName = 'ExternalLinkIcon';
diff --git a/x-pack/legacy/plugins/siem/public/components/field_renderers/__snapshots__/field_renderers.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/field_renderers/__snapshots__/field_renderers.test.tsx.snap
index bb63abea61ceb..6030074f56c00 100644
--- a/x-pack/legacy/plugins/siem/public/components/field_renderers/__snapshots__/field_renderers.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/field_renderers/__snapshots__/field_renderers.test.tsx.snap
@@ -9,13 +9,13 @@ exports[`Field Renderers #autonomousSystemRenderer it renders correctly against
     <EuiFlexItem
       grow={false}
     >
-      <pure(Component)
+      <DefaultDraggable
         field="source.autonomous_system.as_org"
         id="ip-overview-source.autonomous_system.as_org"
         value="Test Org"
       />
        /
-      <pure(Component)
+      <DefaultDraggable
         field="source.autonomous_system.asn"
         id="ip-overview-source.autonomous_system.asn"
         value="Test ASN"
@@ -27,7 +27,7 @@ exports[`Field Renderers #autonomousSystemRenderer it renders correctly against
 
 exports[`Field Renderers #dateRenderer it renders correctly against snapshot 1`] = `
 <Component>
-  <pure(Component)
+  <FormattedDate
     fieldName="firstSeen"
     value="2019-02-07T17:19:41.636Z"
   />
@@ -36,33 +36,33 @@ exports[`Field Renderers #dateRenderer it renders correctly against snapshot 1`]
 
 exports[`Field Renderers #hostIdRenderer it renders correctly against snapshot 1`] = `
 <Component>
-  <pure(Component)
+  <DefaultDraggable
     field="host.name"
     id="ip-overview-host-name"
     value="raspberrypi"
   >
-    <pure(Component)
+    <HostDetailsLink
       hostName="raspberrypi"
     >
       raspberrypi
-    </pure(Component)>
-  </pure(Component)>
+    </HostDetailsLink>
+  </DefaultDraggable>
 </Component>
 `;
 
 exports[`Field Renderers #hostNameRenderer it renders correctly against snapshot 1`] = `
 <Component>
-  <pure(Component)
+  <DefaultDraggable
     field="host.name"
     id="ip-overview-host-name"
     value="raspberrypi"
   >
-    <pure(Component)
+    <HostDetailsLink
       hostName="raspberrypi"
     >
       raspberrypi
-    </pure(Component)>
-  </pure(Component)>
+    </HostDetailsLink>
+  </DefaultDraggable>
 </Component>
 `;
 
@@ -76,7 +76,7 @@ exports[`Field Renderers #locationRenderer it renders correctly against snapshot
     <EuiFlexItem
       grow={false}
     >
-      <pure(Component)
+      <DefaultDraggable
         field="source.geo.city_name"
         id="ip-overview-source.geo.city_name"
         value={
@@ -90,7 +90,7 @@ exports[`Field Renderers #locationRenderer it renders correctly against snapshot
     <EuiFlexItem
       grow={false}
     >
-      <pure(Component)
+      <DefaultDraggable
         field="source.geo.region_name"
         id="ip-overview-source.geo.region_name"
         value={
@@ -209,17 +209,17 @@ exports[`Field Renderers #reputationRenderer it renders correctly against snapsh
     }
   }
 >
-  <pure(Component)
+  <VirusTotalLink
     link="10.10.10.10"
   >
     virustotal.com
-  </pure(Component)>
+  </VirusTotalLink>
   , 
-  <pure(Component)
+  <ReputationLink
     domain="10.10.10.10"
   >
     talosIntelligence.com
-  </pure(Component)>
+  </ReputationLink>
 </Component>
 `;
 
@@ -328,10 +328,10 @@ exports[`Field Renderers #whoisRenderer it renders correctly against snapshot 1`
     }
   }
 >
-  <pure(Component)
+  <WhoIsLink
     domain="10.10.10.10"
   >
     iana.org
-  </pure(Component)>
+  </WhoIsLink>
 </Component>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/field_renderers/field_renderers.tsx b/x-pack/legacy/plugins/siem/public/components/field_renderers/field_renderers.tsx
index a0bb922022240..9e4c916fa5f25 100644
--- a/x-pack/legacy/plugins/siem/public/components/field_renderers/field_renderers.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/field_renderers/field_renderers.tsx
@@ -182,6 +182,8 @@ export const DefaultFieldRenderer = pure<DefaultFieldRendererProps>(
   }
 );
 
+DefaultFieldRenderer.displayName = 'DefaultFieldRenderer';
+
 interface DefaultFieldRendererOverflowProps {
   rowItems: string[];
   idPrefix: string;
@@ -237,3 +239,5 @@ export const DefaultFieldRendererOverflow = pure<DefaultFieldRendererOverflowPro
     );
   }
 );
+
+DefaultFieldRendererOverflow.displayName = 'DefaultFieldRendererOverflow';
diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/categories_pane.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/categories_pane.tsx
index d7ad1e335eda4..2c7437d99bca8 100644
--- a/x-pack/legacy/plugins/siem/public/components/fields_browser/categories_pane.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/categories_pane.tsx
@@ -27,10 +27,14 @@ const CategoryNames = styled.div<{ height: number; width: number }>`
   }
 `;
 
+CategoryNames.displayName = 'CategoryNames';
+
 const Title = styled(EuiTitle)`
   padding-left: 5px;
 `;
 
+Title.displayName = 'Title';
+
 type Props = Pick<
   FieldBrowserProps,
   'browserFields' | 'isLoading' | 'timelineId' | 'onUpdateColumns'
@@ -89,3 +93,5 @@ export const CategoriesPane = pure<Props>(
     </>
   )
 );
+
+CategoriesPane.displayName = 'CategoriesPane';
diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/category.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/category.tsx
index c8010eb522062..464efa3186777 100644
--- a/x-pack/legacy/plugins/siem/public/components/fields_browser/category.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/category.tsx
@@ -22,6 +22,8 @@ const TableContainer = styled.div<{ height: number; width: number }>`
   ${({ width }) => `width: ${width}px`};
 `;
 
+TableContainer.displayName = 'TableContainer';
+
 interface Props {
   categoryId: string;
   fieldItems: FieldItem[];
@@ -51,3 +53,5 @@ export const Category = pure<Props>(
     </>
   )
 );
+
+Category.displayName = 'Category';
diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/category_buttons.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/category_buttons.tsx
index 6a199381013ba..5105538c50fdb 100644
--- a/x-pack/legacy/plugins/siem/public/components/fields_browser/category_buttons.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/category_buttons.tsx
@@ -38,3 +38,5 @@ export const DefaultCategoryButton = pure<{
     </EuiButton>
   </EuiToolTip>
 ));
+
+DefaultCategoryButton.displayName = 'DefaultCategoryButton';
diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/category_columns.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/category_columns.tsx
index 2a56d463c8080..b5bd86a55b83f 100644
--- a/x-pack/legacy/plugins/siem/public/components/fields_browser/category_columns.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/category_columns.tsx
@@ -21,6 +21,8 @@ const CategoryName = styled.span<{ bold: boolean }>`
   font-weight: ${({ bold }) => (bold ? 'bold' : 'normal')};
 `;
 
+CategoryName.displayName = 'CategoryName';
+
 const HoverActionsContainer = styled(EuiPanel)`
   cursor: default;
   height: 25px;
@@ -30,6 +32,8 @@ const HoverActionsContainer = styled(EuiPanel)`
   width: 30px;
 `;
 
+HoverActionsContainer.displayName = 'HoverActionsContainer';
+
 const HoverActionsFlexGroup = styled(EuiFlexGroup)`
   cursor: pointer;
   left: -2px;
@@ -37,6 +41,8 @@ const HoverActionsFlexGroup = styled(EuiFlexGroup)`
   top: -6px;
 `;
 
+HoverActionsFlexGroup.displayName = 'HoverActionsFlexGroup';
+
 const LinkContainer = styled.div`
   width: 100%;
   .euiLink {
@@ -44,6 +50,8 @@ const LinkContainer = styled.div`
   }
 `;
 
+LinkContainer.displayName = 'LinkContainer';
+
 export interface CategoryItem {
   categoryId: string;
 }
diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/category_title.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/category_title.tsx
index d379ea80336d3..ba84b2d90335e 100644
--- a/x-pack/legacy/plugins/siem/public/components/fields_browser/category_title.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/category_title.tsx
@@ -20,6 +20,8 @@ const CountBadgeContainer = styled.div`
   top: -3px;
 `;
 
+CountBadgeContainer.displayName = 'CountBadgeContainer';
+
 interface Props {
   /** The title of the category */
   categoryId: string;
@@ -52,3 +54,5 @@ export const CategoryTitle = pure<Props>(({ filteredBrowserFields, categoryId, t
     </EuiFlexItem>
   </EuiFlexGroup>
 ));
+
+CategoryTitle.displayName = 'CategoryTitle';
diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/field_browser.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/field_browser.tsx
index 03266df91c587..c2c878f6585a8 100644
--- a/x-pack/legacy/plugins/siem/public/components/fields_browser/field_browser.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/field_browser.tsx
@@ -41,10 +41,14 @@ const FieldsBrowserContainer = styled.div<{
   z-index: 9990;
 `;
 
+FieldsBrowserContainer.displayName = 'FieldsBrowserContainer';
+
 const PanesFlexGroup = styled(EuiFlexGroup)`
   width: ${PANES_FLEX_GROUP_WIDTH}px;
 `;
 
+PanesFlexGroup.displayName = 'PanesFlexGroup';
+
 type Props = Pick<
   FieldBrowserProps,
   | 'browserFields'
diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/field_items.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/field_items.tsx
index 09be8950b7fc5..8b8758facbe8e 100644
--- a/x-pack/legacy/plugins/siem/public/components/fields_browser/field_items.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/field_items.tsx
@@ -34,6 +34,8 @@ const TypeIcon = styled(EuiIcon)`
   top: -1px;
 `;
 
+TypeIcon.displayName = 'TypeIcon';
+
 /**
  * An item rendered in the table
  */
diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/field_name.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/field_name.tsx
index ffc4076e5a22c..0661d456a25b6 100644
--- a/x-pack/legacy/plugins/siem/public/components/fields_browser/field_name.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/field_name.tsx
@@ -37,6 +37,8 @@ export const FieldNameContainer = styled.span`
   }
 `;
 
+FieldNameContainer.displayName = 'FieldNameContainer';
+
 const HoverActionsContainer = styled(EuiPanel)`
   cursor: default;
   height: 25px;
@@ -45,16 +47,22 @@ const HoverActionsContainer = styled(EuiPanel)`
   top: 3px;
 `;
 
+HoverActionsContainer.displayName = 'HoverActionsContainer';
+
 const HoverActionsFlexGroup = styled(EuiFlexGroup)`
   cursor: pointer;
   position: relative;
   top: -8px;
 `;
 
+HoverActionsFlexGroup.displayName = 'HoverActionsFlexGroup';
+
 const ViewCategoryIcon = styled(EuiIcon)`
   margin-left: 5px;
 `;
 
+ViewCategoryIcon.displayName = 'ViewCategoryIcon';
+
 /** Renders a field name in it's non-dragging state */
 export const FieldName = pure<{
   categoryId: string;
@@ -107,3 +115,5 @@ export const FieldName = pure<{
     )}
   />
 ));
+
+FieldName.displayName = 'FieldName';
diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/fields_pane.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/fields_pane.tsx
index a20bde63c6d5e..e76747d04f18e 100644
--- a/x-pack/legacy/plugins/siem/public/components/fields_browser/fields_pane.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/fields_pane.tsx
@@ -25,10 +25,14 @@ const NoFieldsPanel = styled.div`
   height: ${TABLE_HEIGHT}px;
 `;
 
+NoFieldsPanel.displayName = 'NoFieldsPanel';
+
 const NoFieldsFlexGroup = styled(EuiFlexGroup)`
   height: 100%;
 `;
 
+NoFieldsFlexGroup.displayName = 'NoFieldsFlexGroup';
+
 type Props = Pick<
   FieldBrowserProps,
   'isLoading' | 'onFieldSelected' | 'onUpdateColumns' | 'timelineId'
@@ -104,3 +108,5 @@ export const FieldsPane = pure<Props>(
     </>
   )
 );
+
+FieldsPane.displayName = 'FieldsPane';
diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/header.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/header.tsx
index 4c9d063526e4b..24368ba4847e5 100644
--- a/x-pack/legacy/plugins/siem/public/components/fields_browser/header.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/header.tsx
@@ -28,16 +28,22 @@ const CountsFlexGroup = styled(EuiFlexGroup)`
   margin-top: 5px;
 `;
 
+CountsFlexGroup.displayName = 'CountsFlexGroup';
+
 const CountFlexItem = styled(EuiFlexItem)`
   margin-right: 5px;
 `;
 
+CountFlexItem.displayName = 'CountFlexItem';
+
 // background-color: ${props => props.theme.eui.euiColorLightestShade};
 const HeaderContainer = styled.div`
   padding: 16px;
   margin-bottom: 8px;
 `;
 
+HeaderContainer.displayName = 'HeaderContainer';
+
 const SearchContainer = styled.div`
   input {
     max-width: ${SEARCH_INPUT_WIDTH}px;
@@ -45,6 +51,8 @@ const SearchContainer = styled.div`
   }
 `;
 
+SearchContainer.displayName = 'SearchContainer';
+
 interface Props {
   filteredBrowserFields: BrowserFields;
   isSearching: boolean;
@@ -81,6 +89,8 @@ const CountRow = pure<Pick<Props, 'filteredBrowserFields'>>(({ filteredBrowserFi
   </CountsFlexGroup>
 ));
 
+CountRow.displayName = 'CountRow';
+
 const TitleRow = pure<{ onOutsideClick: () => void; onUpdateColumns: OnUpdateColumns }>(
   ({ onOutsideClick, onUpdateColumns }) => (
     <EuiFlexGroup
@@ -109,6 +119,8 @@ const TitleRow = pure<{ onOutsideClick: () => void; onUpdateColumns: OnUpdateCol
   )
 );
 
+TitleRow.displayName = 'TitleRow';
+
 export const Header = pure<Props>(
   ({
     isSearching,
@@ -134,3 +146,5 @@ export const Header = pure<Props>(
     </HeaderContainer>
   )
 );
+
+Header.displayName = 'Header';
diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/helpers.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/helpers.tsx
index 880e6210851f1..594589be59d6f 100644
--- a/x-pack/legacy/plugins/siem/public/components/fields_browser/helpers.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/helpers.tsx
@@ -20,6 +20,8 @@ export const LoadingSpinner = styled(EuiLoadingSpinner)`
   top: 3px;
 `;
 
+LoadingSpinner.displayName = 'LoadingSpinner';
+
 export const CATEGORY_PANE_WIDTH = 200;
 export const DESCRIPTION_COLUMN_WIDTH = 300;
 export const FIELD_COLUMN_WIDTH = 200;
diff --git a/x-pack/legacy/plugins/siem/public/components/fields_browser/index.tsx b/x-pack/legacy/plugins/siem/public/components/fields_browser/index.tsx
index 94fd0e2fb1237..b24e9b0021c2e 100644
--- a/x-pack/legacy/plugins/siem/public/components/fields_browser/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/fields_browser/index.tsx
@@ -48,6 +48,8 @@ const FieldsBrowserButtonContainer = styled.div`
   }
 `;
 
+FieldsBrowserButtonContainer.displayName = 'FieldsBrowserButtonContainer';
+
 interface DispatchProps {
   removeColumn?: ActionCreator<{
     id: string;
diff --git a/x-pack/legacy/plugins/siem/public/components/filters_global/filters_global.tsx b/x-pack/legacy/plugins/siem/public/components/filters_global/filters_global.tsx
index 45fddc5618f78..b67f4d6dcc0ce 100644
--- a/x-pack/legacy/plugins/siem/public/components/filters_global/filters_global.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/filters_global/filters_global.tsx
@@ -43,6 +43,8 @@ const Aside = styled.aside<{ isSticky?: boolean }>`
   `}
 `;
 
+Aside.displayName = 'Aside';
+
 // Temporary fix for EuiSuperDatePicker whitespace bug and auto width - Michael Marcialis
 const FlexItemWithDatePickerFix = styled(EuiFlexItem)`
   .euiSuperDatePicker__flexWrapper {
@@ -51,6 +53,8 @@ const FlexItemWithDatePickerFix = styled(EuiFlexItem)`
   }
 `;
 
+FlexItemWithDatePickerFix.displayName = 'FlexItemWithDatePickerFix';
+
 export interface FiltersGlobalProps {
   children: React.ReactNode;
 }
@@ -70,3 +74,5 @@ export const FiltersGlobal = pure<FiltersGlobalProps>(({ children }) => (
     )}
   </Sticky>
 ));
+
+FiltersGlobal.displayName = 'FiltersGlobal';
diff --git a/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_direction_select.tsx b/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_direction_select.tsx
index 1a62d29bedb84..d5370c218a2de 100644
--- a/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_direction_select.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_direction_select.tsx
@@ -37,3 +37,5 @@ export const FlowDirectionSelect = pure<Props>(({ onChangeDirection, selectedDir
     </EuiFilterButton>
   </EuiFilterGroup>
 ));
+
+FlowDirectionSelect.displayName = 'FlowDirectionSelect';
diff --git a/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_target_select.tsx b/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_target_select.tsx
index 59da4c57f25fe..9c9186f9a4c0e 100644
--- a/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_target_select.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/flow_controls/flow_target_select.tsx
@@ -83,3 +83,5 @@ export const FlowTargetSelect = pure<FlowTargetSelectProps>(
     />
   )
 );
+
+FlowTargetSelect.displayName = 'FlowTargetSelect';
diff --git a/x-pack/legacy/plugins/siem/public/components/flyout/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/flyout/__snapshots__/index.test.tsx.snap
index 898a5f5c4f3c2..3aa9fd1b962b5 100644
--- a/x-pack/legacy/plugins/siem/public/components/flyout/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/flyout/__snapshots__/index.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Flyout rendering it renders correctly against snapshot 1`] = `
 <Component>
-  <Connect(pure(Component))
+  <Connect(FlyoutComponent)
     flyoutHeight={980}
     headerHeight={60}
     timelineId="test"
diff --git a/x-pack/legacy/plugins/siem/public/components/flyout/button/index.tsx b/x-pack/legacy/plugins/siem/public/components/flyout/button/index.tsx
index bdab3313f7ab1..0046e525f2c26 100644
--- a/x-pack/legacy/plugins/siem/public/components/flyout/button/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/flyout/button/index.tsx
@@ -28,12 +28,16 @@ const Container = styled.div`
   max-height: 240px;
 `;
 
+Container.displayName = 'Container';
+
 const BadgeButtonContainer = styled.div`
   align-items: center;
   display: flex;
   flex-direction: column;
 `;
 
+BadgeButtonContainer.displayName = 'BadgeButtonContainer';
+
 export const Button = styled(EuiPanel)`
   display: flex;
   z-index: 9;
@@ -49,12 +53,16 @@ export const Button = styled(EuiPanel)`
   cursor: pointer;
 `;
 
+Button.displayName = 'Button';
+
 export const Text = styled(EuiText)`
   width: 12px;
   z-index: 10;
   user-select: none;
 `;
 
+Text.displayName = 'Text';
+
 // Ref: https://github.com/elastic/eui/issues/1655
 // export const Badge = styled(EuiBadge)`
 //   border-radius: 5px;
@@ -75,6 +83,9 @@ export const Badge = (props: EuiBadgeProps) => (
     }}
   />
 );
+
+Badge.displayName = 'Badge';
+
 interface FlyoutButtonProps {
   dataProviders: DataProvider[];
   onOpen: () => void;
@@ -108,3 +119,5 @@ export const FlyoutButton = pure<FlyoutButtonProps>(({ onOpen, show, dataProvide
     </Container>
   ) : null
 );
+
+FlyoutButton.displayName = 'FlyoutButton';
diff --git a/x-pack/legacy/plugins/siem/public/components/flyout/header/index.tsx b/x-pack/legacy/plugins/siem/public/components/flyout/header/index.tsx
index 289bedeb61eca..e09aea4a6481f 100644
--- a/x-pack/legacy/plugins/siem/public/components/flyout/header/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/flyout/header/index.tsx
@@ -113,6 +113,8 @@ const statefulFlyoutHeader = pure<Props>(
   )
 );
 
+statefulFlyoutHeader.displayName = 'statefulFlyoutHeader';
+
 const emptyHistory: History[] = []; // stable reference
 
 const makeMapStateToProps = () => {
diff --git a/x-pack/legacy/plugins/siem/public/components/flyout/index.tsx b/x-pack/legacy/plugins/siem/public/components/flyout/index.tsx
index ac999b4287fcc..b6ee726afaf15 100644
--- a/x-pack/legacy/plugins/siem/public/components/flyout/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/flyout/index.tsx
@@ -32,10 +32,14 @@ export const Badge = styled(EuiBadge)`
   border-bottom-left-radius: 5px;
 `;
 
+Badge.displayName = 'Badge';
+
 const Visible = styled.div<{ show: boolean }>`
   visibility: ${({ show }) => (show ? 'visible' : 'hidden')};
 `;
 
+Visible.displayName = 'Visible';
+
 interface OwnProps {
   children?: React.ReactNode;
   flyoutHeight: number;
@@ -107,6 +111,8 @@ export const FlyoutComponent = pure<Props>(
   )
 );
 
+FlyoutComponent.displayName = 'FlyoutComponent';
+
 const mapStateToProps = (state: State, { timelineId }: OwnProps) => {
   const timelineById = defaultTo({}, timelineSelectors.timelineByIdSelector(state));
   const dataProviders = getOr([], `${timelineId}.dataProviders`, timelineById);
diff --git a/x-pack/legacy/plugins/siem/public/components/flyout/pane/index.tsx b/x-pack/legacy/plugins/siem/public/components/flyout/pane/index.tsx
index c6fdca74369ee..820c6318247d4 100644
--- a/x-pack/legacy/plugins/siem/public/components/flyout/pane/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/flyout/pane/index.tsx
@@ -66,6 +66,8 @@ const EuiFlyoutContainer = styled.div<{ headerHeight: number; width: number }>`
   }
 `;
 
+EuiFlyoutContainer.displayName = 'EuiFlyoutContainer';
+
 const FlyoutHeaderContainer = styled.div`
   align-items: center;
   display: flex;
@@ -74,11 +76,15 @@ const FlyoutHeaderContainer = styled.div`
   width: 100%;
 `;
 
+FlyoutHeaderContainer.displayName = 'FlyoutHeaderContainer';
+
 // manually wrap the close button because EuiButtonIcon can't be a wrapped `styled`
 const WrappedCloseButton = styled.div`
   margin-right: 5px;
 `;
 
+WrappedCloseButton.displayName = 'WrappedCloseButton';
+
 const FlyoutHeaderWithCloseButton = pure<{
   onClose: () => void;
   timelineId: string;
@@ -99,6 +105,8 @@ const FlyoutHeaderWithCloseButton = pure<{
   </FlyoutHeaderContainer>
 ));
 
+FlyoutHeaderWithCloseButton.displayName = 'FlyoutHeaderWithCloseButton';
+
 class FlyoutPaneComponent extends React.PureComponent<Props> {
   public render() {
     const {
diff --git a/x-pack/legacy/plugins/siem/public/components/formatted_bytes/index.tsx b/x-pack/legacy/plugins/siem/public/components/formatted_bytes/index.tsx
index b965471f65f91..5ea2fb69f7b5c 100644
--- a/x-pack/legacy/plugins/siem/public/components/formatted_bytes/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/formatted_bytes/index.tsx
@@ -23,3 +23,5 @@ export const PreferenceFormattedBytes = React.memo<{ value: string | number }>((
     </>
   );
 });
+
+PreferenceFormattedBytes.displayName = 'PreferenceFormattedBytes';
diff --git a/x-pack/legacy/plugins/siem/public/components/formatted_date/index.tsx b/x-pack/legacy/plugins/siem/public/components/formatted_date/index.tsx
index ac4b289b5eae2..6e410068f229c 100644
--- a/x-pack/legacy/plugins/siem/public/components/formatted_date/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/formatted_date/index.tsx
@@ -30,6 +30,8 @@ export const PreferenceFormattedDate = pure<{ value: Date }>(({ value }) => {
   );
 });
 
+PreferenceFormattedDate.displayName = 'PreferenceFormattedDate';
+
 /**
  * Renders the specified date value in a format determined by the user's preferences,
  * with a tooltip that renders:
@@ -56,3 +58,5 @@ export const FormattedDate = pure<{
     );
   }
 );
+
+FormattedDate.displayName = 'FormattedDate';
diff --git a/x-pack/legacy/plugins/siem/public/components/formatted_duration/index.tsx b/x-pack/legacy/plugins/siem/public/components/formatted_duration/index.tsx
index 3bc7f020d2963..c97fc7bdc2428 100644
--- a/x-pack/legacy/plugins/siem/public/components/formatted_duration/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/formatted_duration/index.tsx
@@ -23,3 +23,5 @@ export const FormattedDuration = pure<{
     </div>
   </FormattedDurationTooltip>
 ));
+
+FormattedDuration.displayName = 'FormattedDuration';
diff --git a/x-pack/legacy/plugins/siem/public/components/formatted_duration/tooltip/index.tsx b/x-pack/legacy/plugins/siem/public/components/formatted_duration/tooltip/index.tsx
index 512740f29bcc4..08f4a412caf51 100644
--- a/x-pack/legacy/plugins/siem/public/components/formatted_duration/tooltip/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/formatted_duration/tooltip/index.tsx
@@ -16,6 +16,8 @@ const P = styled.p`
   margin-bottom: 5px;
 `;
 
+P.displayName = 'P';
+
 export const FormattedDurationTooltipContent = pure<{
   maybeDurationNanoseconds: string | number | object | undefined | null;
   tooltipTitle?: string;
@@ -31,6 +33,8 @@ export const FormattedDurationTooltipContent = pure<{
   </>
 ));
 
+FormattedDurationTooltipContent.displayName = 'FormattedDurationTooltipContent';
+
 export const FormattedDurationTooltip = pure<{
   children: JSX.Element;
   maybeDurationNanoseconds: string | number | object | undefined | null;
@@ -48,3 +52,5 @@ export const FormattedDurationTooltip = pure<{
     <>{children}</>
   </EuiToolTip>
 ));
+
+FormattedDurationTooltip.displayName = 'FormattedDurationTooltip';
diff --git a/x-pack/legacy/plugins/siem/public/components/formatted_ip/index.tsx b/x-pack/legacy/plugins/siem/public/components/formatted_ip/index.tsx
index bde2b394c2f76..d7b876ebbc282 100644
--- a/x-pack/legacy/plugins/siem/public/components/formatted_ip/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/formatted_ip/index.tsx
@@ -86,6 +86,8 @@ const NonDecoratedIp = pure<{
   />
 ));
 
+NonDecoratedIp.displayName = 'NonDecoratedIp';
+
 const AddressLinks = pure<{
   addresses: string[];
   contextId: string;
@@ -121,6 +123,8 @@ const AddressLinks = pure<{
   </>
 ));
 
+AddressLinks.displayName = 'AddressLinks';
+
 export const FormattedIp = pure<{
   contextId: string;
   eventId: string;
@@ -168,3 +172,5 @@ export const FormattedIp = pure<{
     );
   }
 });
+
+FormattedIp.displayName = 'FormattedIp';
diff --git a/x-pack/legacy/plugins/siem/public/components/header_page/header_page.tsx b/x-pack/legacy/plugins/siem/public/components/header_page/header_page.tsx
index 65e9be37baffd..aab0396af7721 100644
--- a/x-pack/legacy/plugins/siem/public/components/header_page/header_page.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/header_page/header_page.tsx
@@ -17,6 +17,8 @@ const Header = styled.header`
   `}
 `;
 
+Header.displayName = 'Header';
+
 export interface HeaderPageProps {
   badgeLabel?: string;
   badgeTooltip?: string;
@@ -57,3 +59,5 @@ export const HeaderPage = pure<HeaderPageProps>(
     </Header>
   )
 );
+
+HeaderPage.displayName = 'HeaderPage';
diff --git a/x-pack/legacy/plugins/siem/public/components/header_panel/header_panel.tsx b/x-pack/legacy/plugins/siem/public/components/header_panel/header_panel.tsx
index 03da6ee0e2678..52fe712be9129 100644
--- a/x-pack/legacy/plugins/siem/public/components/header_panel/header_panel.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/header_panel/header_panel.tsx
@@ -23,6 +23,8 @@ const Header = styled.header<{ border?: boolean }>`
   `}
 `;
 
+Header.displayName = 'Header';
+
 export interface HeaderPanelProps {
   border?: boolean;
   children?: React.ReactNode;
@@ -64,3 +66,5 @@ export const HeaderPanel = pure<HeaderPanelProps>(
     </Header>
   )
 );
+
+HeaderPanel.displayName = 'HeaderPanel';
diff --git a/x-pack/legacy/plugins/siem/public/components/help_menu/help_menu.tsx b/x-pack/legacy/plugins/siem/public/components/help_menu/help_menu.tsx
index eb97e81a78e61..90af0d56c1582 100644
--- a/x-pack/legacy/plugins/siem/public/components/help_menu/help_menu.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/help_menu/help_menu.tsx
@@ -14,6 +14,8 @@ export const Icon = styled(EuiIcon)`
   margin-right: ${theme.euiSizeS};
 `;
 
+Icon.displayName = 'Icon';
+
 export class HelpMenuComponent extends React.PureComponent {
   public render() {
     return (
diff --git a/x-pack/legacy/plugins/siem/public/components/help_menu/index.tsx b/x-pack/legacy/plugins/siem/public/components/help_menu/index.tsx
index 5e6f68e4f9b5b..d145769319d5b 100644
--- a/x-pack/legacy/plugins/siem/public/components/help_menu/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/help_menu/index.tsx
@@ -23,3 +23,5 @@ export const HelpMenu = pure<{}>(() => {
 
   return null;
 });
+
+HelpMenu.displayName = 'HelpMenu';
diff --git a/x-pack/legacy/plugins/siem/public/components/inspect/index.tsx b/x-pack/legacy/plugins/siem/public/components/inspect/index.tsx
index ba36110dff86f..8acdc534c7b91 100644
--- a/x-pack/legacy/plugins/siem/public/components/inspect/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/inspect/index.tsx
@@ -26,6 +26,8 @@ const InspectContainer = styled.div<{ showInspect: boolean }>`
   }
 `;
 
+InspectContainer.displayName = 'InspectContainer';
+
 interface OwnProps {
   queryId: string;
   inputId?: InputsModelId;
@@ -135,6 +137,8 @@ const InspectButtonComponent = pure<InspectButtonProps>(
   )
 );
 
+InspectButtonComponent.displayName = 'InspectButtonComponent';
+
 const makeMapStateToProps = () => {
   const getGlobalQuery = inputsSelectors.globalQueryByIdSelector();
   const getTimelineQuery = inputsSelectors.timelineQueryByIdSelector();
diff --git a/x-pack/legacy/plugins/siem/public/components/inspect/modal.tsx b/x-pack/legacy/plugins/siem/public/components/inspect/modal.tsx
index 41d64594b0507..fb280a6eafbee 100644
--- a/x-pack/legacy/plugins/siem/public/components/inspect/modal.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/inspect/modal.tsx
@@ -36,6 +36,8 @@ const DescriptionListStyled = styled(EuiDescriptionList)`
   }
 `;
 
+DescriptionListStyled.displayName = 'DescriptionListStyled';
+
 interface ModalInspectProps {
   closeModal: () => void;
   isShowing: boolean;
@@ -68,6 +70,8 @@ const MyEuiModal = styled(EuiModal)`
     max-width: 718px;
   }
 `;
+
+MyEuiModal.displayName = 'MyEuiModal';
 const parseInspectString = function<T>(objectStringify: string): T | null {
   try {
     return JSON.parse(objectStringify);
diff --git a/x-pack/legacy/plugins/siem/public/components/ip/index.tsx b/x-pack/legacy/plugins/siem/public/components/ip/index.tsx
index ed4137006e09c..c83d89933b334 100644
--- a/x-pack/legacy/plugins/siem/public/components/ip/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ip/index.tsx
@@ -42,3 +42,5 @@ export const Ip = pure<{
     />
   </DefaultDraggable>
 ));
+
+Ip.displayName = 'Ip';
diff --git a/x-pack/legacy/plugins/siem/public/components/ja3_fingerprint/index.tsx b/x-pack/legacy/plugins/siem/public/components/ja3_fingerprint/index.tsx
index 9a3b1b25205a4..3148efbb3050a 100644
--- a/x-pack/legacy/plugins/siem/public/components/ja3_fingerprint/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ja3_fingerprint/index.tsx
@@ -20,6 +20,8 @@ const Ja3FingerprintLabel = styled.span`
   margin-right: 5px;
 `;
 
+Ja3FingerprintLabel.displayName = 'Ja3FingerprintLabel';
+
 /**
  * Renders a ja3 fingerprint, which enables (some) clients and servers communicating
  * using TLS traffic to be identified, which is possible because SSL
@@ -46,3 +48,5 @@ export const Ja3Fingerprint = pure<{
     <ExternalLinkIcon />
   </DraggableBadge>
 ));
+
+Ja3Fingerprint.displayName = 'Ja3Fingerprint';
diff --git a/x-pack/legacy/plugins/siem/public/components/last_event_time/index.tsx b/x-pack/legacy/plugins/siem/public/components/last_event_time/index.tsx
index 91faaf9339178..9343de8d7ed6b 100644
--- a/x-pack/legacy/plugins/siem/public/components/last_event_time/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/last_event_time/index.tsx
@@ -65,3 +65,5 @@ export const LastEventTime = pure<LastEventTimeProps>(({ hostName, indexKey, ip
     </ApolloConsumer>
   );
 });
+
+LastEventTime.displayName = 'LastEventTime';
diff --git a/x-pack/legacy/plugins/siem/public/components/link_to/link_to.tsx b/x-pack/legacy/plugins/siem/public/components/link_to/link_to.tsx
index 8ced44c766e3b..8d1940fb94cf3 100644
--- a/x-pack/legacy/plugins/siem/public/components/link_to/link_to.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/link_to/link_to.tsx
@@ -28,3 +28,5 @@ export const LinkToPage = pure<LinkToPageProps>(({ match }) => (
     <Redirect to="/" />
   </Switch>
 ));
+
+LinkToPage.displayName = 'LinkToPage';
diff --git a/x-pack/legacy/plugins/siem/public/components/links/index.tsx b/x-pack/legacy/plugins/siem/public/components/links/index.tsx
index 168112d0054e2..d9e98b4f11662 100644
--- a/x-pack/legacy/plugins/siem/public/components/links/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/links/index.tsx
@@ -19,6 +19,8 @@ export const HostDetailsLink = pure<{ children?: React.ReactNode; hostName: stri
   )
 );
 
+HostDetailsLink.displayName = 'HostDetailsLink';
+
 export const IPDetailsLink = pure<{ children?: React.ReactNode; ip: string }>(
   ({ children, ip }) => (
     <EuiLink href={`#/link-to/network/ip/${encodeURIComponent(encodeIpv6(ip))}`}>
@@ -27,6 +29,8 @@ export const IPDetailsLink = pure<{ children?: React.ReactNode; ip: string }>(
   )
 );
 
+IPDetailsLink.displayName = 'IPDetailsLink';
+
 // External Links
 export const GoogleLink = pure<{ children?: React.ReactNode; link: string }>(
   ({ children, link }) => (
@@ -36,6 +40,8 @@ export const GoogleLink = pure<{ children?: React.ReactNode; link: string }>(
   )
 );
 
+GoogleLink.displayName = 'GoogleLink';
+
 export const PortOrServiceNameLink = pure<{
   children?: React.ReactNode;
   portOrServiceName: number | string;
@@ -51,6 +57,8 @@ export const PortOrServiceNameLink = pure<{
   </EuiLink>
 ));
 
+PortOrServiceNameLink.displayName = 'PortOrServiceNameLink';
+
 export const Ja3FingerprintLink = pure<{ children?: React.ReactNode; ja3Fingerprint: string }>(
   ({ children, ja3Fingerprint }) => (
     <EuiLink
@@ -63,6 +71,8 @@ export const Ja3FingerprintLink = pure<{ children?: React.ReactNode; ja3Fingerpr
   )
 );
 
+Ja3FingerprintLink.displayName = 'Ja3FingerprintLink';
+
 export const CertificateFingerprintLink = pure<{
   children?: React.ReactNode;
   certificateFingerprint: string;
@@ -78,6 +88,8 @@ export const CertificateFingerprintLink = pure<{
   </EuiLink>
 ));
 
+CertificateFingerprintLink.displayName = 'CertificateFingerprintLink';
+
 export const ReputationLink = pure<{ children?: React.ReactNode; domain: string }>(
   ({ children, domain }) => (
     <EuiLink
@@ -91,6 +103,8 @@ export const ReputationLink = pure<{ children?: React.ReactNode; domain: string
   )
 );
 
+ReputationLink.displayName = 'ReputationLink';
+
 export const VirusTotalLink = pure<{ children?: React.ReactNode; link: string }>(
   ({ children, link }) => (
     <EuiLink
@@ -102,6 +116,8 @@ export const VirusTotalLink = pure<{ children?: React.ReactNode; link: string }>
   )
 );
 
+VirusTotalLink.displayName = 'VirusTotalLink';
+
 export const WhoIsLink = pure<{ children?: React.ReactNode; domain: string }>(
   ({ children, domain }) => (
     <EuiLink href={`https://www.iana.org/whois?q=${encodeURIComponent(domain)}`} target="_blank">
@@ -109,3 +125,5 @@ export const WhoIsLink = pure<{ children?: React.ReactNode; domain: string }>(
     </EuiLink>
   )
 );
+
+WhoIsLink.displayName = 'WhoIsLink';
diff --git a/x-pack/legacy/plugins/siem/public/components/load_more_table/index.tsx b/x-pack/legacy/plugins/siem/public/components/load_more_table/index.tsx
index 0fceb3d3b4f7f..ae97f1ff9c6bd 100644
--- a/x-pack/legacy/plugins/siem/public/components/load_more_table/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/load_more_table/index.tsx
@@ -303,6 +303,8 @@ const Panel = styled(EuiPanel)<{ loading: { loading?: boolean } }>`
   `}
 `;
 
+Panel.displayName = 'Panel';
+
 const BasicTable = styled(EuiBasicTable)`
   tbody {
     th,
@@ -312,9 +314,13 @@ const BasicTable = styled(EuiBasicTable)`
   }
 `;
 
+BasicTable.displayName = 'BasicTable';
+
 const FooterAction = styled(EuiFlexGroup).attrs({
   alignItems: 'center',
   responsive: false,
 })`
   margin-top: ${props => props.theme.eui.euiSizeXS};
 `;
+
+FooterAction.displayName = 'FooterAction';
diff --git a/x-pack/legacy/plugins/siem/public/components/loader/index.tsx b/x-pack/legacy/plugins/siem/public/components/loader/index.tsx
index 2a4bfdec7034e..fe759b2da6f6f 100644
--- a/x-pack/legacy/plugins/siem/public/components/loader/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/loader/index.tsx
@@ -36,6 +36,8 @@ const Aside = styled.aside<{ overlay?: boolean; overlayBackground?: string }>`
   `}
 `;
 
+Aside.displayName = 'Aside';
+
 const FlexGroup = styled(EuiFlexGroup).attrs({
   alignItems: 'center',
   direction: 'column',
@@ -49,6 +51,8 @@ const FlexGroup = styled(EuiFlexGroup).attrs({
   `}
 `;
 
+FlexGroup.displayName = 'FlexGroup';
+
 export interface LoaderProps {
   overlay?: boolean;
   overlayBackground?: string;
@@ -72,3 +76,5 @@ export const Loader = pure<LoaderProps>(({ children, overlay, overlayBackground,
     </FlexGroup>
   </Aside>
 ));
+
+Loader.displayName = 'Loader';
diff --git a/x-pack/legacy/plugins/siem/public/components/loading/index.tsx b/x-pack/legacy/plugins/siem/public/components/loading/index.tsx
index 2fbee73b88fb3..5b9cb48789739 100644
--- a/x-pack/legacy/plugins/siem/public/components/loading/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/loading/index.tsx
@@ -21,6 +21,8 @@ const SpinnerFlexItem = styled(EuiFlexItem)`
   margin-right: 5px;
 `;
 
+SpinnerFlexItem.displayName = 'SpinnerFlexItem';
+
 interface LoadingProps {
   text: string;
   height: number | string;
@@ -63,6 +65,8 @@ export const LoadingPanel = pure<LoadingProps>(
   )
 );
 
+LoadingPanel.displayName = 'LoadingPanel';
+
 export const LoadingStaticPanel = styled.div<{
   height: number | string;
   position: string;
@@ -79,6 +83,8 @@ export const LoadingStaticPanel = styled.div<{
   z-index: ${({ zIndex }) => zIndex};
 `;
 
+LoadingStaticPanel.displayName = 'LoadingStaticPanel';
+
 export const LoadingStaticContentPanel = styled.div`
   flex: 0 0 auto;
   align-self: center;
@@ -88,3 +94,5 @@ export const LoadingStaticContentPanel = styled.div`
     padding: 10px;
   }
 `;
+
+LoadingStaticContentPanel.displayName = 'LoadingStaticContentPanel';
diff --git a/x-pack/legacy/plugins/siem/public/components/localized_date_tooltip/index.tsx b/x-pack/legacy/plugins/siem/public/components/localized_date_tooltip/index.tsx
index 4c4818bca9480..b362b79df96a0 100644
--- a/x-pack/legacy/plugins/siem/public/components/localized_date_tooltip/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/localized_date_tooltip/index.tsx
@@ -45,3 +45,5 @@ export const LocalizedDateTooltip = pure<{
     <>{children}</>
   </EuiToolTip>
 ));
+
+LocalizedDateTooltip.displayName = 'LocalizedDateTooltip';
diff --git a/x-pack/legacy/plugins/siem/public/components/markdown/index.tsx b/x-pack/legacy/plugins/siem/public/components/markdown/index.tsx
index 71fcb566dc109..23867f47181a7 100644
--- a/x-pack/legacy/plugins/siem/public/components/markdown/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/markdown/index.tsx
@@ -14,6 +14,8 @@ const TableHeader = styled.thead`
   font-weight: bold;
 `;
 
+TableHeader.displayName = 'TableHeader';
+
 /** prevents links to the new pages from accessing `window.opener` */
 const REL_NOOPENER = 'noopener';
 
@@ -67,3 +69,5 @@ export const Markdown = pure<{ raw?: string; size?: 'xs' | 's' | 'm' }>(({ raw,
     />
   );
 });
+
+Markdown.displayName = 'Markdown';
diff --git a/x-pack/legacy/plugins/siem/public/components/markdown/markdown_hint.tsx b/x-pack/legacy/plugins/siem/public/components/markdown/markdown_hint.tsx
index d05c1598cfce2..18f3a35a23f7f 100644
--- a/x-pack/legacy/plugins/siem/public/components/markdown/markdown_hint.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/markdown/markdown_hint.tsx
@@ -15,37 +15,53 @@ const Heading = styled.span`
   margin-right: 5px;
 `;
 
+Heading.displayName = 'Heading';
+
 const Bold = styled.span`
   font-weight: bold;
   margin-right: 5px;
 `;
 
+Bold.displayName = 'Bold';
+
 const MarkdownHintContainer = styled(EuiText)<{ visibility: string }>`
   visibility: ${({ visibility }) => visibility};
 `;
 
+MarkdownHintContainer.displayName = 'MarkdownHintContainer';
+
 const ImageUrl = styled.span`
   margin-left: 5px;
 `;
 
+ImageUrl.displayName = 'ImageUrl';
+
 const Italic = styled.span`
   font-style: italic;
   margin-right: 5px;
 `;
 
+Italic.displayName = 'Italic';
+
 const Strikethrough = styled.span`
   text-decoration: line-through;
 `;
 
+Strikethrough.displayName = 'Strikethrough';
+
 const Code = styled.span`
   font-family: monospace;
   margin-right: 5px;
 `;
 
+Code.displayName = 'Code';
+
 const TrailingWhitespace = styled.span`
   margin-right: 5px;
 `;
 
+TrailingWhitespace.displayName = 'TrailingWhitespace';
+
 export const MarkdownHint = pure<{ show: boolean }>(({ show }) => (
   <MarkdownHintContainer
     color="subdued"
@@ -69,3 +85,5 @@ export const MarkdownHint = pure<{ show: boolean }>(({ show }) => (
     <ImageUrl>{i18n.MARKDOWN_HINT_IMAGE_URL}</ImageUrl>
   </MarkdownHintContainer>
 ));
+
+MarkdownHint.displayName = 'MarkdownHint';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/anomaly/anomaly_table_provider.tsx b/x-pack/legacy/plugins/siem/public/components/ml/anomaly/anomaly_table_provider.tsx
index cce578a72e9af..3966448f84df0 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/anomaly/anomaly_table_provider.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml/anomaly/anomaly_table_provider.tsx
@@ -34,3 +34,5 @@ export const AnomalyTableProvider = React.memo<Props>(
     return <>{children({ isLoadingAnomaliesData, anomaliesData })}</>;
   }
 );
+
+AnomalyTableProvider.displayName = 'AnomalyTableProvider';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_host_conditional_container.tsx b/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_host_conditional_container.tsx
index decdf618ddf73..be0628452ea02 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_host_conditional_container.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_host_conditional_container.tsx
@@ -87,3 +87,5 @@ export const MlHostConditionalContainer = pure<MlHostConditionalProps>(({ match
     <Redirect from="/ml-hosts/" to="/ml-hosts" />
   </Switch>
 ));
+
+MlHostConditionalContainer.displayName = 'MlHostConditionalContainer';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_network_conditional_container.tsx b/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_network_conditional_container.tsx
index f462c9af5d682..3fcc60c655889 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_network_conditional_container.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml/conditional_links/ml_network_conditional_container.tsx
@@ -87,3 +87,5 @@ export const MlNetworkConditionalContainer = pure<MlNetworkConditionalProps>(({
     <Redirect from="/ml-network/" to="/ml-network" />
   </Switch>
 ));
+
+MlNetworkConditionalContainer.displayName = 'MlNetworkConditionalContainer';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/entity_draggable.tsx b/x-pack/legacy/plugins/siem/public/components/ml/entity_draggable.tsx
index accefe2b00591..fc7da3332fe27 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/entity_draggable.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml/entity_draggable.tsx
@@ -48,3 +48,5 @@ export const EntityDraggable = React.memo<Props>(
     );
   }
 );
+
+EntityDraggable.displayName = 'EntityDraggable';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/permissions/ml_capabilities_provider.tsx b/x-pack/legacy/plugins/siem/public/components/ml/permissions/ml_capabilities_provider.tsx
index ca24c61e0db39..4148fd2220b90 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/permissions/ml_capabilities_provider.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml/permissions/ml_capabilities_provider.tsx
@@ -16,6 +16,8 @@ import * as i18n from './translations';
 
 export const MlCapabilitiesContext = React.createContext<MlCapabilities>(emptyMlCapabilities);
 
+MlCapabilitiesContext.displayName = 'MlCapabilitiesContext';
+
 export const MlCapabilitiesProvider = React.memo<{ children: JSX.Element }>(({ children }) => {
   const [capabilities, setCapabilities] = useState(emptyMlCapabilities);
   const config = useContext(KibanaConfigContext);
@@ -42,3 +44,5 @@ export const MlCapabilitiesProvider = React.memo<{ children: JSX.Element }>(({ c
     <MlCapabilitiesContext.Provider value={capabilities}>{children}</MlCapabilitiesContext.Provider>
   );
 });
+
+MlCapabilitiesProvider.displayName = 'MlCapabilitiesProvider';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_score.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_score.test.tsx.snap
index e620507d2001d..3c4a06f2490cc 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_score.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_score.test.tsx.snap
@@ -5,7 +5,7 @@ exports[`anomaly_scores renders correctly against snapshot 1`] = `
   <EuiFlexItem
     grow={false}
   >
-    <Memo()
+    <DraggableScore
       id="anomaly-scores-job-key-1"
       index={0}
       score={
@@ -82,7 +82,7 @@ exports[`anomaly_scores renders correctly against snapshot 1`] = `
     <EuiPopover
       anchorPosition="downCenter"
       button={
-        <Styled(EuiIcon)
+        <Icon
           type="iInCircle"
         />
       }
@@ -105,9 +105,9 @@ exports[`anomaly_scores renders correctly against snapshot 1`] = `
                 <EuiSpacer
                   size="m"
                 />
-                <Styled(EuiText)>
+                <LargeScore>
                   17
-                </Styled(EuiText)>
+                </LargeScore>
               </React.Fragment>,
               "title": "Max Anomaly Score",
             },
@@ -151,7 +151,7 @@ exports[`anomaly_scores renders correctly against snapshot 1`] = `
                 <EuiFlexItem
                   grow={false}
                 >
-                  <pure(Component)
+                  <PreferenceFormattedDate
                     value={2019-06-16T06:00:00.000Z}
                   />
                 </EuiFlexItem>
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_scores.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_scores.test.tsx.snap
index e835b1b1647f8..de9ae94c4d95e 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_scores.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/anomaly_scores.test.tsx.snap
@@ -6,7 +6,7 @@ exports[`anomaly_scores renders correctly against snapshot 1`] = `
     gutterSize="none"
     responsive={false}
   >
-    <Memo()
+    <AnomalyScore
       endDate={32503680000000}
       index={0}
       interval="day"
@@ -81,7 +81,7 @@ exports[`anomaly_scores renders correctly against snapshot 1`] = `
       }
       startDate={0}
     />
-    <Memo()
+    <AnomalyScore
       endDate={32503680000000}
       index={1}
       interval="day"
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/create_descriptions_list.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/create_descriptions_list.test.tsx.snap
index 51b2961c2b64a..30afaa7bc71f7 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/create_descriptions_list.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/ml/score/__snapshots__/create_descriptions_list.test.tsx.snap
@@ -15,9 +15,9 @@ exports[`create_description_list renders correctly against snapshot 1`] = `
     <EuiSpacer
       size="m"
     />
-    <Styled(EuiText)>
+    <LargeScore>
       17
-    </Styled(EuiText)>
+    </LargeScore>
   </EuiDescriptionListDescription>
   <EuiDescriptionListTitle
     key="title-1"
@@ -70,7 +70,7 @@ exports[`create_description_list renders correctly against snapshot 1`] = `
       <EuiFlexItem
         grow={false}
       >
-        <pure(Component)
+        <PreferenceFormattedDate
           value={2019-06-16T06:00:00.000Z}
         />
       </EuiFlexItem>
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_score.tsx b/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_score.tsx
index 98d274bb1d76e..9b6080aad36c9 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_score.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_score.tsx
@@ -27,6 +27,8 @@ const Icon = styled(EuiIcon)`
   cursor: pointer;
 `;
 
+Icon.displayName = 'Icon';
+
 export const AnomalyScore = React.memo<Args>(
   ({ jobKey, startDate, endDate, index = 0, score, interval, narrowDateRange }): JSX.Element => {
     const [isOpen, setIsOpen] = useState(false);
@@ -64,3 +66,5 @@ export const AnomalyScore = React.memo<Args>(
     );
   }
 );
+
+AnomalyScore.displayName = 'AnomalyScore';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_scores.tsx b/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_scores.tsx
index f922a9ac6e119..d271a7271b421 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_scores.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml/score/anomaly_scores.tsx
@@ -54,3 +54,5 @@ export const AnomalyScores = React.memo<Args>(
     }
   }
 );
+
+AnomalyScores.displayName = 'AnomalyScores';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/create_description_list.tsx b/x-pack/legacy/plugins/siem/public/components/ml/score/create_description_list.tsx
index da07337653dc0..e0f3ea162ee78 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/score/create_description_list.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml/score/create_description_list.tsx
@@ -20,6 +20,8 @@ const LargeScore = styled(EuiText)`
   font-weight: lighter;
 `;
 
+LargeScore.displayName = 'LargeScore';
+
 export const createDescriptionList = (
   score: Anomaly,
   startDate: number,
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/draggable_score.tsx b/x-pack/legacy/plugins/siem/public/components/ml/score/draggable_score.tsx
index 6ac8936689396..a289772cad6b8 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/score/draggable_score.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml/score/draggable_score.tsx
@@ -53,3 +53,5 @@ export const DraggableScore = React.memo<{
     />
   )
 );
+
+DraggableScore.displayName = 'DraggableScore';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/score/score_health.tsx b/x-pack/legacy/plugins/siem/public/components/ml/score/score_health.tsx
index 3fc7060472032..600f230026561 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/score/score_health.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml/score/score_health.tsx
@@ -19,6 +19,8 @@ export const ScoreHealth = React.memo<Props>(({ score }) => {
   return <EuiHealth color={color}>{scoreCeiling}</EuiHealth>;
 });
 
+ScoreHealth.displayName = 'ScoreHealth';
+
 // ಠ_ಠ A hard-fork of the `ml` ml/common/util/anomaly_utils.js#getSeverityColor ಠ_ಠ
 //
 // Returns a severity label (one of critical, major, minor, warning, low or unknown)
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_host_table.tsx b/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_host_table.tsx
index 3d52eccd215ee..e9d8787089b6a 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_host_table.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_host_table.tsx
@@ -93,3 +93,7 @@ const Panel = styled(EuiPanel)<{ loading: { loading?: boolean } }>`
     overflow: hidden;
   `}
 `;
+
+Panel.displayName = 'Panel';
+
+AnomaliesHostTable.displayName = 'AnomaliesHostTable';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_network_table.tsx b/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_network_table.tsx
index 935a90526650e..5768c5c1e8f4f 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_network_table.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml/tables/anomalies_network_table.tsx
@@ -96,3 +96,7 @@ const Panel = styled(EuiPanel)<{ loading: { loading?: boolean } }>`
     overflow: hidden;
   `}
 `;
+
+Panel.displayName = 'Panel';
+
+AnomaliesNetworkTable.displayName = 'AnomaliesNetworkTable';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml/tables/basic_table.tsx b/x-pack/legacy/plugins/siem/public/components/ml/tables/basic_table.tsx
index 890093683cde2..f977c615dc799 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml/tables/basic_table.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml/tables/basic_table.tsx
@@ -15,3 +15,5 @@ export const BasicTable = styled(EuiInMemoryTable)`
     }
   }
 `;
+
+BasicTable.displayName = 'BasicTable';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/upgrade_contents.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/upgrade_contents.test.tsx.snap
index a52edda4c9551..f69e1b9ba5beb 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/upgrade_contents.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/__snapshots__/upgrade_contents.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`FilterGroup renders correctly against snapshot 1`] = `
-<styled.div
+<PopoverContentsDiv
   data-test-subj="ml-popover-upgrade-contents"
 >
   <EuiPopoverTitle>
@@ -25,5 +25,5 @@ exports[`FilterGroup renders correctly against snapshot 1`] = `
   >
     Subscription options
   </EuiButton>
-</styled.div>
+</PopoverContentsDiv>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/__snapshots__/job_switch.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/__snapshots__/job_switch.test.tsx.snap
index a77aa9108daa1..aeb4ce089883b 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/__snapshots__/job_switch.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/__snapshots__/job_switch.test.tsx.snap
@@ -7,7 +7,7 @@ exports[`JobSwitch renders correctly against snapshot 1`] = `
   <EuiFlexItem
     grow={false}
   >
-    <Styled(EuiSwitch)
+    <StaticSwitch
       checked={true}
       data-test-subj="job-switch"
       disabled={false}
diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/__snapshots__/showing_count.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/__snapshots__/showing_count.test.tsx.snap
index a81abc7cfb3ae..83b80ae9219cc 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/__snapshots__/showing_count.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/__snapshots__/showing_count.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`ShowingCount renders correctly against snapshot 1`] = `
-<styled.div
+<ShowingContainer
   data-test-subj="showing"
 >
   <EuiText
@@ -19,5 +19,5 @@ exports[`ShowingCount renders correctly against snapshot 1`] = `
       }
     />
   </EuiText>
-</styled.div>
+</ShowingContainer>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/filter_group.tsx b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/filter_group.tsx
index 6940c7e708252..6a70fee696297 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/filter_group.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/filter_group.tsx
@@ -67,3 +67,5 @@ export const FilterGroup = React.memo<FilterGroupProps>(
     </EuiFlexGroup>
   )
 );
+
+FilterGroup.displayName = 'FilterGroup';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/job_switch.tsx b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/job_switch.tsx
index 1ab6dc57e635c..1b06a7bcadf0c 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/job_switch.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/job_switch.tsx
@@ -16,6 +16,8 @@ const StaticSwitch = styled(EuiSwitch)`
   }
 `;
 
+StaticSwitch.displayName = 'StaticSwitch';
+
 export interface JobSwitchProps {
   job: Job;
   isSummaryLoading: boolean;
@@ -64,3 +66,5 @@ export const JobSwitch = React.memo<JobSwitchProps>(
     );
   }
 );
+
+JobSwitch.displayName = 'JobSwitch';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/jobs_table.tsx b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/jobs_table.tsx
index aeb8b829ea7e7..9ce5e9fbdf362 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/jobs_table.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/jobs_table.tsx
@@ -25,6 +25,8 @@ const JobNameWrapper = styled.div`
   margin: 5px 0;
 `;
 
+JobNameWrapper.displayName = 'JobNameWrapper';
+
 // TODO: Use SASS mixin @include EuiTextTruncate when we switch from styled components
 const truncateThreshold = 200;
 
@@ -99,6 +101,8 @@ export const JobsTable = React.memo(({ isLoading, jobs, onJobStateChange }: JobT
   );
 });
 
+JobsTable.displayName = 'JobsTable';
+
 export const NoItemsMessage = React.memo(() => (
   <EuiEmptyPrompt
     title={<h3>{i18n.NO_ITEMS_TEXT}</h3>}
@@ -116,3 +120,5 @@ export const NoItemsMessage = React.memo(() => (
     }
   />
 ));
+
+NoItemsMessage.displayName = 'NoItemsMessage';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/showing_count.tsx b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/showing_count.tsx
index 63579d2278c61..ef8a4fb197f93 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/showing_count.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/jobs_table/showing_count.tsx
@@ -15,6 +15,8 @@ const ShowingContainer = styled.div`
   margin-top: 5px;
 `;
 
+ShowingContainer.displayName = 'ShowingContainer';
+
 export interface ShowingCountProps {
   filterResultsLength: number;
 }
@@ -33,3 +35,5 @@ export const ShowingCount = React.memo<ShowingCountProps>(({ filterResultsLength
     </EuiText>
   </ShowingContainer>
 ));
+
+ShowingCount.displayName = 'ShowingCount';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/ml_popover.tsx b/x-pack/legacy/plugins/siem/public/components/ml_popover/ml_popover.tsx
index 57f4b626beab1..252d3e61b906d 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml_popover/ml_popover.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/ml_popover.tsx
@@ -31,6 +31,8 @@ const PopoverContentsDiv = styled.div`
   max-width: 550px;
 `;
 
+PopoverContentsDiv.displayName = 'PopoverContentsDiv';
+
 interface State {
   isLoading: boolean;
   jobs: Job[];
@@ -253,3 +255,5 @@ export const MlPopover = React.memo(() => {
     return null;
   }
 });
+
+MlPopover.displayName = 'MlPopover';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/popover_description.tsx b/x-pack/legacy/plugins/siem/public/components/ml_popover/popover_description.tsx
index 97fda293f88e9..67a4654d8368a 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml_popover/popover_description.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/popover_description.tsx
@@ -27,3 +27,5 @@ export const PopoverDescription = React.memo(() => (
     />
   </EuiText>
 ));
+
+PopoverDescription.displayName = 'PopoverDescription';
diff --git a/x-pack/legacy/plugins/siem/public/components/ml_popover/upgrade_contents.tsx b/x-pack/legacy/plugins/siem/public/components/ml_popover/upgrade_contents.tsx
index 7253d087740ea..dd4e69c772287 100644
--- a/x-pack/legacy/plugins/siem/public/components/ml_popover/upgrade_contents.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/ml_popover/upgrade_contents.tsx
@@ -14,6 +14,8 @@ const PopoverContentsDiv = styled.div`
   width: 384px;
 `;
 
+PopoverContentsDiv.displayName = 'PopoverContentsDiv';
+
 export const UpgradeContents = React.memo(() => {
   return (
     <PopoverContentsDiv data-test-subj="ml-popover-upgrade-contents">
@@ -31,3 +33,5 @@ export const UpgradeContents = React.memo(() => {
     </PopoverContentsDiv>
   );
 });
+
+UpgradeContents.displayName = 'UpgradeContents';
diff --git a/x-pack/legacy/plugins/siem/public/components/navigation/tab_navigation/index.tsx b/x-pack/legacy/plugins/siem/public/components/navigation/tab_navigation/index.tsx
index 94f6dcb22a637..dcba6640acc4d 100644
--- a/x-pack/legacy/plugins/siem/public/components/navigation/tab_navigation/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/navigation/tab_navigation/index.tsx
@@ -57,6 +57,8 @@ const TabContainer = styled.div`
   }
 `;
 
+TabContainer.displayName = 'TabContainer';
+
 interface TabNavigationState {
   selectedTabId: string;
 }
diff --git a/x-pack/legacy/plugins/siem/public/components/netflow/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/netflow/__snapshots__/index.test.tsx.snap
index 6e556bc579f5a..87ae9deea4350 100644
--- a/x-pack/legacy/plugins/siem/public/components/netflow/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/netflow/__snapshots__/index.test.tsx.snap
@@ -105,7 +105,7 @@ exports[`Netflow renders correctly against snapshot 1`] = `
     }
   }
 >
-  <pure(Component)
+  <Netflow
     contextId="test"
     destinationBytes={
       Array [
diff --git a/x-pack/legacy/plugins/siem/public/components/netflow/fingerprints/index.tsx b/x-pack/legacy/plugins/siem/public/components/netflow/fingerprints/index.tsx
index 6bdec95ec22ed..f7f3707f0ec21 100644
--- a/x-pack/legacy/plugins/siem/public/components/netflow/fingerprints/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/netflow/fingerprints/index.tsx
@@ -82,3 +82,5 @@ export const Fingerprints = pure<{
     </EuiFlexGroup>
   )
 );
+
+Fingerprints.displayName = 'Fingerprints';
diff --git a/x-pack/legacy/plugins/siem/public/components/netflow/index.tsx b/x-pack/legacy/plugins/siem/public/components/netflow/index.tsx
index ec6b143e6384e..47b9202048b12 100644
--- a/x-pack/legacy/plugins/siem/public/components/netflow/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/netflow/index.tsx
@@ -113,3 +113,5 @@ export const Netflow = pure<NetflowProps>(
     </EuiFlexGroup>
   )
 );
+
+Netflow.displayName = 'Netflow';
diff --git a/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/duration_event_start_end.tsx b/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/duration_event_start_end.tsx
index 6b7c268bf7d4f..0140cd184c6e4 100644
--- a/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/duration_event_start_end.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/duration_event_start_end.tsx
@@ -24,6 +24,8 @@ const TimeIcon = styled(EuiIcon)`
   top: -1px;
 `;
 
+TimeIcon.displayName = 'TimeIcon';
+
 /**
  * Renders a column of draggable badges containing:
  * - `event.duration`
@@ -104,3 +106,5 @@ export const DurationEventStartEnd = pure<{
       : null}
   </EuiFlexGroup>
 ));
+
+DurationEventStartEnd.displayName = 'DurationEventStartEnd';
diff --git a/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/index.tsx b/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/index.tsx
index 816ac01c8b4e1..ec5c07ff3d0ce 100644
--- a/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/index.tsx
@@ -22,6 +22,8 @@ const EuiFlexItemMarginRight = styled(EuiFlexItem)`
   margin-right: 10px;
 `;
 
+EuiFlexItemMarginRight.displayName = 'EuiFlexItemMarginRight';
+
 /**
  * Renders columns of draggable badges that describe both Netflow data, or more
  * generally, hosts interacting over a network connection. This component is
@@ -122,3 +124,5 @@ export const NetflowColumns = pure<NetflowColumnsProps>(
     </EuiFlexGroup>
   )
 );
+
+NetflowColumns.displayName = 'NetflowColumns';
diff --git a/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/user_process.tsx b/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/user_process.tsx
index d8d283b002460..1bafcbb5ded19 100644
--- a/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/user_process.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/netflow/netflow_columns/user_process.tsx
@@ -63,3 +63,5 @@ export const UserProcess = pure<{
       : null}
   </EuiFlexGroup>
 ));
+
+UserProcess.displayName = 'UserProcess';
diff --git a/x-pack/legacy/plugins/siem/public/components/notes/add_note/index.tsx b/x-pack/legacy/plugins/siem/public/components/notes/add_note/index.tsx
index 6b6d6006f7a27..0b12394f98526 100644
--- a/x-pack/legacy/plugins/siem/public/components/notes/add_note/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/notes/add_note/index.tsx
@@ -26,16 +26,22 @@ const AddNotesContainer = styled(EuiFlexGroup)`
   user-select: none;
 `;
 
+AddNotesContainer.displayName = 'AddNotesContainer';
+
 const ButtonsContainer = styled(EuiFlexGroup)`
   margin-top: 5px;
 `;
 
+ButtonsContainer.displayName = 'ButtonsContainer';
+
 export const CancelButton = pure<{ onCancelAddNote: () => void }>(({ onCancelAddNote }) => (
   <EuiButtonEmpty data-test-subj="cancel" onClick={onCancelAddNote}>
     {i18n.CANCEL}
   </EuiButtonEmpty>
 ));
 
+CancelButton.displayName = 'CancelButton';
+
 /** Displays an input for entering a new note, with an adjacent "Add" button */
 export const AddNote = pure<{
   associateNote: AssociateNote;
@@ -77,3 +83,5 @@ export const AddNote = pure<{
     </ButtonsContainer>
   </AddNotesContainer>
 ));
+
+AddNote.displayName = 'AddNote';
diff --git a/x-pack/legacy/plugins/siem/public/components/notes/add_note/new_note.tsx b/x-pack/legacy/plugins/siem/public/components/notes/add_note/new_note.tsx
index ae71601f05c31..e5e734c2041a3 100644
--- a/x-pack/legacy/plugins/siem/public/components/notes/add_note/new_note.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/notes/add_note/new_note.tsx
@@ -17,16 +17,24 @@ const NewNoteTabs = styled(EuiTabbedContent)`
   width: 100%;
 `;
 
+NewNoteTabs.displayName = 'NewNoteTabs';
+
 const MarkdownContainer = styled(EuiPanel)<{ height: number }>`
   height: ${({ height }) => height}px;
   overflow: auto;
 `;
 
+MarkdownContainer.displayName = 'MarkdownContainer';
+
 const TextArea = styled(EuiTextArea)<{ height: number }>`
   min-height: ${({ height }) => `${height}px`};
   width: 100%;
 `;
 
+TextArea.displayName = 'TextArea';
+
+TextArea.displayName = 'TextArea';
+
 /** An input for entering a new note  */
 export const NewNote = pure<{
   noteInputHeight: number;
@@ -68,3 +76,5 @@ export const NewNote = pure<{
 
   return <NewNoteTabs data-test-subj="new-note-tabs" tabs={tabs} initialSelectedTab={tabs[0]} />;
 });
+
+NewNote.displayName = 'NewNote';
diff --git a/x-pack/legacy/plugins/siem/public/components/notes/columns.tsx b/x-pack/legacy/plugins/siem/public/components/notes/columns.tsx
index 837d5f75decf9..91ce947d727b8 100644
--- a/x-pack/legacy/plugins/siem/public/components/notes/columns.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/notes/columns.tsx
@@ -11,6 +11,7 @@ import { NoteCard } from './note_card';
 import * as i18n from './translations';
 
 const Column = pure<{ text: string }>(({ text }) => <span>{text}</span>);
+Column.displayName = 'Column';
 
 interface Item {
   created: Date;
diff --git a/x-pack/legacy/plugins/siem/public/components/notes/helpers.tsx b/x-pack/legacy/plugins/siem/public/components/notes/helpers.tsx
index 7254506c04d24..f220fc1c7f790 100644
--- a/x-pack/legacy/plugins/siem/public/components/notes/helpers.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/notes/helpers.tsx
@@ -52,6 +52,8 @@ const TitleText = styled.h3`
   user-select: none;
 `;
 
+TitleText.displayName = 'TitleText';
+
 /** Displays a count of the existing notes */
 export const NotesCount = pure<{
   noteIds: string[];
@@ -73,6 +75,8 @@ export const NotesCount = pure<{
   </EuiFlexGroup>
 ));
 
+NotesCount.displayName = 'NotesCount';
+
 /** Creates a new instance of a `note` */
 export const createNote = ({
   newNote,
diff --git a/x-pack/legacy/plugins/siem/public/components/notes/index.tsx b/x-pack/legacy/plugins/siem/public/components/notes/index.tsx
index 096a04553c5d6..2d9a680838ef9 100644
--- a/x-pack/legacy/plugins/siem/public/components/notes/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/notes/index.tsx
@@ -43,12 +43,16 @@ const NotesPanel = styled(EuiPanel)`
   }
 `;
 
+NotesPanel.displayName = 'NotesPanel';
+
 const InMemoryTable = styled(EuiInMemoryTable)`
   overflow-x: hidden;
   overflow-y: auto;
   height: 220px;
 `;
 
+InMemoryTable.displayName = 'InMemoryTable';
+
 /** A view for entering and reviewing notes */
 export class Notes extends React.PureComponent<Props, State> {
   constructor(props: Props) {
diff --git a/x-pack/legacy/plugins/siem/public/components/notes/note_card/index.tsx b/x-pack/legacy/plugins/siem/public/components/notes/note_card/index.tsx
index 26f4f1d2514f6..4fd6e4805745e 100644
--- a/x-pack/legacy/plugins/siem/public/components/notes/note_card/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/notes/note_card/index.tsx
@@ -16,6 +16,8 @@ const NoteCardContainer = styled(EuiPanel)`
   width: 100%;
 `;
 
+NoteCardContainer.displayName = 'NoteCardContainer';
+
 export const NoteCard = pure<{ created: Date; rawNote: string; user: string }>(
   ({ created, rawNote, user }) => (
     <NoteCardContainer data-test-subj="note-card" hasShadow={false} paddingSize="none">
@@ -24,3 +26,5 @@ export const NoteCard = pure<{ created: Date; rawNote: string; user: string }>(
     </NoteCardContainer>
   )
 );
+
+NoteCard.displayName = 'NoteCard';
diff --git a/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_body.tsx b/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_body.tsx
index cf6321c3a8774..f40e5559dcd5e 100644
--- a/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_body.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_body.tsx
@@ -18,6 +18,8 @@ const BodyContainer = styled(EuiPanel)`
   border: none;
 `;
 
+BodyContainer.displayName = 'BodyContainer';
+
 const HoverActionsContainer = styled(EuiPanel)`
   align-items: center;
   display: flex;
@@ -30,6 +32,8 @@ const HoverActionsContainer = styled(EuiPanel)`
   width: 30px;
 `;
 
+HoverActionsContainer.displayName = 'HoverActionsContainer';
+
 export const NoteCardBody = pure<{ rawNote: string }>(({ rawNote }) => (
   <BodyContainer data-test-subj="note-card-body" hasShadow={false} paddingSize="s">
     <WithHoverActions
@@ -44,3 +48,5 @@ export const NoteCardBody = pure<{ rawNote: string }>(({ rawNote }) => (
     />
   </BodyContainer>
 ));
+
+NoteCardBody.displayName = 'NoteCardBody';
diff --git a/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_header.tsx b/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_header.tsx
index be10484eb0823..a3ac81bf884ec 100644
--- a/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_header.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_card_header.tsx
@@ -17,16 +17,22 @@ const Action = styled.span`
   margin-right: 5px;
 `;
 
+Action.displayName = 'Action';
+
 const Avatar = styled(EuiAvatar)`
   margin-right: 5px;
 `;
 
+Avatar.displayName = 'Avatar';
+
 const HeaderContainer = styled.div`
   align-items: center;
   display: flex;
   user-select: none;
 `;
 
+HeaderContainer.displayName = 'HeaderContainer';
+
 const User = styled.span`
   font-weight: 700;
   margin: 5px;
@@ -42,3 +48,5 @@ export const NoteCardHeader = pure<{ created: Date; user: string }>(({ created,
     </HeaderContainer>
   </EuiPanel>
 ));
+
+NoteCardHeader.displayName = 'NoteCardHeader';
diff --git a/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_created.tsx b/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_created.tsx
index 06935c0220c4c..2190fdcf05b53 100644
--- a/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_created.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/notes/note_card/note_created.tsx
@@ -15,6 +15,8 @@ const NoteCreatedContainer = styled.span`
   user-select: none;
 `;
 
+NoteCreatedContainer.displayName = 'NoteCreatedContainer';
+
 export const NoteCreated = pure<{ created: Date }>(({ created }) => (
   <NoteCreatedContainer data-test-subj="note-created">
     <LocalizedDateTooltip date={created}>
@@ -22,3 +24,5 @@ export const NoteCreated = pure<{ created: Date }>(({ created }) => (
     </LocalizedDateTooltip>
   </NoteCreatedContainer>
 ));
+
+NoteCreated.displayName = 'NoteCreated';
diff --git a/x-pack/legacy/plugins/siem/public/components/notes/note_cards/index.tsx b/x-pack/legacy/plugins/siem/public/components/notes/note_cards/index.tsx
index a5b08510597fa..42ce5cc311df4 100644
--- a/x-pack/legacy/plugins/siem/public/components/notes/note_cards/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/notes/note_cards/index.tsx
@@ -15,20 +15,28 @@ import { NoteCard } from '../note_card';
 
 const AddNoteContainer = styled.div``;
 
+AddNoteContainer.displayName = 'AddNoteContainer';
+
 const NoteContainer = styled.div`
   margin-top: 5px;
 `;
 
+NoteContainer.displayName = 'NoteContainer';
+
 const NoteCardsContainer = styled(EuiPanel)<{ width?: string }>`
   border: none;
   width: ${({ width = '100%' }) => width};
 `;
 
+NoteCardsContainer.displayName = 'NoteCardsContainer';
+
 const NotesContainer = styled(EuiFlexGroup)`
   padding: 0 5px;
   margin-bottom: 5px;
 `;
 
+NotesContainer.displayName = 'NotesContainer';
+
 interface Props {
   associateNote: AssociateNote;
   getNotesByIds: (noteIds: string[]) => Note[];
diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/delete_timeline_modal/delete_timeline_modal.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/delete_timeline_modal/delete_timeline_modal.tsx
index 424a78f64bedd..9c416419066e6 100644
--- a/x-pack/legacy/plugins/siem/public/components/open_timeline/delete_timeline_modal/delete_timeline_modal.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/delete_timeline_modal/delete_timeline_modal.tsx
@@ -44,3 +44,5 @@ export const DeleteTimelineModal = pure<Props>(({ title, toggleShowModal, onDele
     <div data-test-subj="warning">{i18n.DELETE_WARNING}</div>
   </EuiConfirmModal>
 ));
+
+DeleteTimelineModal.displayName = 'DeleteTimelineModal';
diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/index.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/index.tsx
index aba82f62c6204..f286939116987 100644
--- a/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/index.tsx
@@ -17,6 +17,8 @@ const NotePreviewsContainer = styled.section`
     `${props.theme.eui.euiSizeS} 0 ${props.theme.eui.euiSizeS} ${props.theme.eui.euiSizeXXL}`};
 `;
 
+NotePreviewsContainer.displayName = 'NotePreviewsContainer';
+
 /**
  * Renders a preview of a note in the All / Open Timelines table
  */
@@ -46,3 +48,5 @@ export const NotePreviews = pure<{
     </NotePreviewsContainer>
   );
 });
+
+NotePreviews.displayName = 'NotePreviews';
diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/note_preview.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/note_preview.tsx
index 0371c8a421887..55f46a6a2d80d 100644
--- a/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/note_preview.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/note_previews/note_preview.tsx
@@ -22,10 +22,14 @@ const NotePreviewGroup = styled.article`
   }
 `;
 
+NotePreviewGroup.displayName = 'NotePreviewGroup';
+
 const NotePreviewHeader = styled.header`
   margin-bottom: ${props => props.theme.eui.euiSizeS};
 `;
 
+NotePreviewHeader.displayName = 'NotePreviewHeader';
+
 /**
  * Renders a preview of a note in the All / Open Timelines table
  */
@@ -63,3 +67,5 @@ export const NotePreview = pure<Pick<TimelineResultNote, 'note' | 'updated' | 'u
     </NotePreviewGroup>
   )
 );
+
+NotePreview.displayName = 'NotePreview';
diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline.tsx
index ac4fb39ff28b8..30b6b17403767 100644
--- a/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline.tsx
@@ -78,3 +78,5 @@ export const OpenTimeline = pure<OpenTimelineProps>(
     </EuiPanel>
   )
 );
+
+OpenTimeline.displayName = 'OpenTimeline';
diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/index.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/index.tsx
index 95b7732866830..79fa747aee081 100644
--- a/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/index.tsx
@@ -37,6 +37,8 @@ const ModalContainer = styled.div`
   }
 `;
 
+ModalContainer.displayName = 'ModalContainer';
+
 /**
  * Renders a button that when clicked, displays the `Open Timelines` modal
  */
diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/open_timeline_modal.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/open_timeline_modal.tsx
index 613df81bf3a29..c407d13d46f22 100644
--- a/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/open_timeline_modal.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/open_timeline_modal/open_timeline_modal.tsx
@@ -18,6 +18,8 @@ export const HeaderContainer = styled.div`
   width: 100%;
 `;
 
+HeaderContainer.displayName = 'HeaderContainer';
+
 export const OpenTimelineModal = pure<OpenTimelineProps>(
   ({
     deleteTimelines,
@@ -88,3 +90,5 @@ export const OpenTimelineModal = pure<OpenTimelineProps>(
     </>
   )
 );
+
+OpenTimelineModal.displayName = 'OpenTimelineModal';
diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/search_row/index.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/search_row/index.tsx
index 77bac0879b51d..de14a012d55a2 100644
--- a/x-pack/legacy/plugins/siem/public/components/open_timeline/search_row/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/search_row/index.tsx
@@ -27,10 +27,14 @@ const SearchRowContainer = styled.div`
   }
 `;
 
+SearchRowContainer.displayName = 'SearchRowContainer';
+
 const SearchRowFlexGroup = styled(EuiFlexGroup)`
   margin-bottom: ${props => props.theme.eui.euiSizeXS};
 `;
 
+SearchRowFlexGroup.displayName = 'SearchRowFlexGroup';
+
 type Props = Pick<
   OpenTimelineProps,
   'onlyFavorites' | 'onQueryChange' | 'onToggleOnlyFavorites' | 'query' | 'totalSearchResultsCount'
@@ -87,3 +91,5 @@ export const SearchRow = pure<Props>(
     </SearchRowContainer>
   )
 );
+
+SearchRow.displayName = 'SearchRow';
diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/timelines_table/index.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/timelines_table/index.tsx
index ac0409be30dc7..14443d0bcdf79 100644
--- a/x-pack/legacy/plugins/siem/public/components/open_timeline/timelines_table/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/timelines_table/index.tsx
@@ -30,6 +30,8 @@ const BasicTable = styled(EuiBasicTable)`
   }
 `;
 
+BasicTable.displayName = 'BasicTable';
+
 const getExtendedColumnsIfEnabled = (showExtendedColumnsAndActions: boolean) =>
   showExtendedColumnsAndActions ? [...getExtendedColumns()] : [];
 
@@ -158,3 +160,5 @@ export const TimelinesTable = pure<TimelinesTableProps>(
     );
   }
 );
+
+TimelinesTable.displayName = 'TimelinesTable';
diff --git a/x-pack/legacy/plugins/siem/public/components/open_timeline/title_row/index.tsx b/x-pack/legacy/plugins/siem/public/components/open_timeline/title_row/index.tsx
index 6924d7a5483cc..f9b107e08afa2 100644
--- a/x-pack/legacy/plugins/siem/public/components/open_timeline/title_row/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/open_timeline/title_row/index.tsx
@@ -58,3 +58,5 @@ export const TitleRow = pure<Props>(
     </HeaderPanel>
   )
 );
+
+TitleRow.displayName = 'TitleRow';
diff --git a/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/__snapshots__/index.test.tsx.snap
index b06b423ff29c1..91f29aaf2a7fa 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/__snapshots__/index.test.tsx.snap
@@ -12,7 +12,7 @@ exports[`AddToKql Component Rendering 1`] = `
     }
   }
 >
-  <pure(Component)
+  <AddToKql
     componentFilterType="hosts"
     expression="host.name: siem-kibana"
     indexPattern={
@@ -103,6 +103,6 @@ exports[`AddToKql Component Rendering 1`] = `
     type="page"
   >
     siem-kibana
-  </pure(Component)>
+  </AddToKql>
 </Component>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/index.tsx
index 039c41fc6dde5..43a8ec97c61f0 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/add_to_kql/index.tsx
@@ -66,6 +66,8 @@ const HoverActionsContainer = styled(EuiPanel)`
   cursor: pointer;
 `;
 
+HoverActionsContainer.displayName = 'HoverActionsContainer';
+
 interface AddToKqlProps {
   children: JSX.Element;
   indexPattern: StaticIndexPattern;
@@ -109,3 +111,5 @@ export const AddToKql = pure<AddToKqlProps>(
     assertUnreachable(componentFilterType, 'Unknown Filter Type in switch statement');
   }
 );
+
+AddToKql.displayName = 'AddToKql';
diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/authentications_table/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/hosts/authentications_table/__snapshots__/index.test.tsx.snap
index 23392c5880f7e..29c0215f372d6 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/hosts/authentications_table/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/authentications_table/__snapshots__/index.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Authentication Table Component rendering it renders the authentication table 1`] = `
-<Connect(pure(Component))
+<Connect(AuthenticationTableComponent)
   data={
     Array [
       Object {
diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/authentications_table/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/hosts/authentications_table/index.tsx
index 1b763d5730958..e0c6152dd9e27 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/hosts/authentications_table/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/authentications_table/index.tsx
@@ -129,6 +129,8 @@ const AuthenticationTableComponent = pure<AuthenticationTableProps>(
   )
 );
 
+AuthenticationTableComponent.displayName = 'AuthenticationTableComponent';
+
 const makeMapStateToProps = () => {
   const getAuthenticationsSelector = hostsSelectors.authenticationsSelector();
   return (state: State, { type }: OwnProps) => {
diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/events_table/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/hosts/events_table/__snapshots__/index.test.tsx.snap
index d7fd4e05887bc..3bd71992447d2 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/hosts/events_table/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/events_table/__snapshots__/index.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Load More Events Table Component rendering it renders the events table 1`] = `
-<Connect(pure(Component))
+<Connect(EventsTableComponent)
   data={
     Array [
       Object {
diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/events_table/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/hosts/events_table/index.tsx
index a9d8fc36f525c..39b19e46282b4 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/hosts/events_table/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/events_table/index.tsx
@@ -122,6 +122,8 @@ const EventsTableComponent = pure<EventsTableProps>(
   )
 );
 
+EventsTableComponent.displayName = 'EventsTableComponent';
+
 const makeMapStateToProps = () => {
   const getEventsSelector = hostsSelectors.eventsSelector();
   const mapStateToProps = (state: State, { type }: OwnProps) => {
diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/first_last_seen_host/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/hosts/first_last_seen_host/index.tsx
index e71a263b6e025..665f1f46bc7c1 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/hosts/first_last_seen_host/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/first_last_seen_host/index.tsx
@@ -65,3 +65,5 @@ export const FirstLastSeenHost = pure<{ hostname: string; type: FirstLastSeenHos
     );
   }
 );
+
+FirstLastSeenHost.displayName = 'FirstLastSeenHost';
diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/host_overview/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/hosts/host_overview/__snapshots__/index.test.tsx.snap
index 24f164cfbf2e0..964416e254ec3 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/hosts/host_overview/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/host_overview/__snapshots__/index.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Host Summary Component rendering it renders the default Host Summary 1`] = `
 <Component>
-  <Memo()
+  <HostOverview
     anomaliesData={
       Object {
         "anomalies": Array [
diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/host_overview/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/hosts/host_overview/index.tsx
index 840485dc106b1..07810d3eb6881 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/hosts/host_overview/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/host_overview/index.tsx
@@ -47,6 +47,8 @@ const DescriptionListStyled = styled(EuiDescriptionList)`
   `}
 `;
 
+DescriptionListStyled.displayName = 'DescriptionListStyled';
+
 const getDescriptionList = (descriptionList: DescriptionList[], key: number) => (
   <EuiFlexItem key={key}>
     <DescriptionListStyled listItems={descriptionList} />
@@ -202,3 +204,5 @@ export const HostOverview = React.memo<HostSummaryProps>(
     );
   }
 );
+
+HostOverview.displayName = 'HostOverview';
diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap
index 371946c8b5c4d..342c814550727 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/__snapshots__/index.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = `
 <EuiFlexGroup>
-  <Memo()
+  <StatItemsComponent
     description="User authentications"
     enableAreaChart={true}
     enableBarChart={true}
@@ -30,7 +30,7 @@ exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = `
     index={0}
     key="authentication"
   />
-  <Memo()
+  <StatItemsComponent
     description="Unique IPs"
     enableAreaChart={true}
     enableBarChart={true}
@@ -63,7 +63,7 @@ exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = `
 
 exports[`kpiHostsComponent render it should render KpiHostsData 1`] = `
 <EuiFlexGroup>
-  <Memo()
+  <StatItemsComponent
     description="Hosts"
     enableAreaChart={true}
     fields={
@@ -80,7 +80,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = `
     index={0}
     key="hosts"
   />
-  <Memo()
+  <StatItemsComponent
     description="User authentications"
     enableAreaChart={true}
     enableBarChart={true}
@@ -108,7 +108,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = `
     index={1}
     key="authentication"
   />
-  <Memo()
+  <StatItemsComponent
     description="Unique IPs"
     enableAreaChart={true}
     enableBarChart={true}
@@ -140,7 +140,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = `
 `;
 
 exports[`kpiHostsComponent render it should render spinner if it is loading 1`] = `
-<Styled(EuiFlexGroup)
+<FlexGroupSpinner
   alignItems="center"
   justifyContent="center"
 >
@@ -151,5 +151,5 @@ exports[`kpiHostsComponent render it should render spinner if it is loading 1`]
       size="xl"
     />
   </EuiFlexItem>
-</Styled(EuiFlexGroup)>
+</FlexGroupSpinner>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/index.tsx
index c7dafa224142e..a2a774dd73607 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/kpi_hosts/index.tsx
@@ -39,6 +39,8 @@ const FlexGroupSpinner = styled(EuiFlexGroup)`
   }
 `;
 
+FlexGroupSpinner.displayName = 'FlexGroupSpinner';
+
 export const KpiHostsComponent = ({
   data,
   from,
diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/uncommon_process_table/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/hosts/uncommon_process_table/__snapshots__/index.test.tsx.snap
index 4fc36c860ae62..1eaeb08caa517 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/hosts/uncommon_process_table/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/uncommon_process_table/__snapshots__/index.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Uncommon Process Table Component rendering it renders the default Uncommon process table 1`] = `
 <Component>
-  <Connect(pure(Component))
+  <Connect(UncommonProcessTableComponent)
     data={
       Array [
         Object {
diff --git a/x-pack/legacy/plugins/siem/public/components/page/hosts/uncommon_process_table/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/hosts/uncommon_process_table/index.tsx
index f2c1bd66f8d0f..90ba52b4f8cdb 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/hosts/uncommon_process_table/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/hosts/uncommon_process_table/index.tsx
@@ -125,6 +125,8 @@ const UncommonProcessTableComponent = pure<UncommonProcessTableProps>(
   )
 );
 
+UncommonProcessTableComponent.displayName = 'UncommonProcessTableComponent';
+
 const makeMapStateToProps = () => {
   const getUncommonProcessesSelector = hostsSelectors.uncommonProcessesSelector();
   return (state: State, { type }: OwnProps) => getUncommonProcessesSelector(state, type);
diff --git a/x-pack/legacy/plugins/siem/public/components/page/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/index.tsx
index 0b577aaa2b602..f23cd96ee3e69 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/index.tsx
@@ -31,6 +31,8 @@ export const PageContainer = styled.div`
   margin: 0px;
 `;
 
+PageContainer.displayName = 'PageContainer';
+
 export const PageContent = styled.div`
   flex: 1 1 auto;
   height: 100%;
@@ -40,10 +42,14 @@ export const PageContent = styled.div`
   margin-top: 62px;
 `;
 
+PageContent.displayName = 'PageContent';
+
 export const FlexPage = styled(EuiPage)`
   flex: 1 0 0;
 `;
 
+FlexPage.displayName = 'FlexPage';
+
 export const PageHeader = styled.div`
   background-color: ${props => props.theme.eui.euiColorEmptyShade};
   display: flex;
@@ -53,6 +59,8 @@ export const PageHeader = styled.div`
   position: fixed;
 `;
 
+PageHeader.displayName = 'PageHeader';
+
 export const FooterContainer = styled.div`
   bottom: 0;
   color: #666;
@@ -67,6 +75,8 @@ export const FooterContainer = styled.div`
   border-top: 1px solid #d3dae6;
 `;
 
+FooterContainer.displayName = 'FooterContainer';
+
 export const PaneScrollContainer = styled.div`
   height: 100%;
   overflow-y: scroll;
@@ -75,16 +85,22 @@ export const PaneScrollContainer = styled.div`
   }
 `;
 
+PaneScrollContainer.displayName = 'PaneScrollContainer';
+
 export const Pane = styled.div`
   height: 100%;
   overflow: hidden;
   user-select: none;
 `;
 
+Pane.displayName = 'Pane';
+
 export const PaneHeader = styled.div`
   display: flex;
 `;
 
+PaneHeader.displayName = 'PaneHeader';
+
 export const Pane1FlexContent = styled.div`
   display: flex;
   flex-direction: row;
@@ -92,6 +108,8 @@ export const Pane1FlexContent = styled.div`
   height: 100%;
 `;
 
+Pane1FlexContent.displayName = 'Pane1FlexContent';
+
 // Ref: https://github.com/elastic/eui/issues/1655
 // const Badge = styled(EuiBadge)`
 //   margin-left: 5px;
@@ -100,10 +118,14 @@ export const CountBadge = (props: EuiBadgeProps) => (
   <EuiBadge {...props} style={{ marginLeft: '5px' }} />
 );
 
+CountBadge.displayName = 'CountBadge';
+
 export const Spacer = styled.span`
   margin-left: 5px;
 `;
 
+Spacer.displayName = 'Spacer';
+
 // Ref: https://github.com/elastic/eui/issues/1655
 // export const Badge = styled(EuiBadge)`
 //   vertical-align: top;
@@ -112,10 +134,14 @@ export const Badge = (props: EuiBadgeProps) => (
   <EuiBadge {...props} style={{ verticalAlign: 'top' }} />
 );
 
+Badge.displayName = 'Badge';
+
 export const MoreRowItems = styled(EuiIcon)`
   margin-left: 5px;
 `;
 
+MoreRowItems.displayName = 'MoreRowItems';
+
 export const OverviewWrapper = styled(EuiFlexGroup)`
   position: relative;
 
@@ -126,3 +152,5 @@ export const OverviewWrapper = styled(EuiFlexGroup)`
     z-index: 2;
   }
 `;
+
+OverviewWrapper.displayName = 'OverviewWrapper';
diff --git a/x-pack/legacy/plugins/siem/public/components/page/manage_query.tsx b/x-pack/legacy/plugins/siem/public/components/page/manage_query.tsx
index 5873f58a56b22..c1009063685f1 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/manage_query.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/manage_query.tsx
@@ -24,6 +24,7 @@ interface OwnProps {
 
 export function manageQuery<T>(WrappedComponent: React.ComponentClass<T> | React.ComponentType<T>) {
   class ManageQuery extends React.PureComponent<OwnProps & T> {
+    static displayName: string;
     public componentDidUpdate(prevProps: OwnProps) {
       const { loading, id, refetch, setQuery, inspect = null } = this.props;
       if (prevProps.loading !== loading) {
@@ -36,6 +37,6 @@ export function manageQuery<T>(WrappedComponent: React.ComponentClass<T> | React
       return <WrappedComponent {...otherProps} />;
     }
   }
-
+  ManageQuery.displayName = `ManageQuery (${WrappedComponent.displayName || 'Unknown'})`;
   return ManageQuery;
 }
diff --git a/x-pack/legacy/plugins/siem/public/components/page/network/flow_target_select_connected/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/network/flow_target_select_connected/index.tsx
index 30c8f07ff50e5..a5e0977ab9eef 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/network/flow_target_select_connected/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/network/flow_target_select_connected/index.tsx
@@ -23,6 +23,8 @@ const SelectTypeItem = styled(EuiFlexItem)`
   min-width: 180px;
 `;
 
+SelectTypeItem.displayName = 'SelectTypeItem';
+
 interface FlowTargetSelectReduxProps {
   flowTarget: FlowTarget;
 }
@@ -50,6 +52,8 @@ const FlowTargetSelectComponent = pure<FlowTargetSelectProps>(
   )
 );
 
+FlowTargetSelectComponent.displayName = 'FlowTargetSelectComponent';
+
 const makeMapStateToProps = () => {
   const getIpDetailsFlowTargetSelector = networkSelectors.ipDetailsFlowTargetSelector();
   return (state: State) => {
diff --git a/x-pack/legacy/plugins/siem/public/components/page/network/ip_overview/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/network/ip_overview/__snapshots__/index.test.tsx.snap
index 6258000601ec5..dae82a387eac0 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/network/ip_overview/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/page/network/ip_overview/__snapshots__/index.test.tsx.snap
@@ -12,7 +12,7 @@ exports[`IP Overview Component rendering it renders the default IP Overview 1`]
     }
   }
 >
-  <pure(Component)
+  <IpOverview
     anomaliesData={
       Object {
         "anomalies": Array [
diff --git a/x-pack/legacy/plugins/siem/public/components/page/network/ip_overview/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/network/ip_overview/index.tsx
index 140cb6425b67e..3cd3035951b2a 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/network/ip_overview/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/network/ip_overview/index.tsx
@@ -59,6 +59,8 @@ const DescriptionListStyled = styled(EuiDescriptionList)`
   `}
 `;
 
+DescriptionListStyled.displayName = 'DescriptionListStyled';
+
 const getDescriptionList = (descriptionList: DescriptionList[], key: number) => {
   return (
     <EuiFlexItem key={key}>
@@ -171,3 +173,5 @@ export const IpOverview = pure<IpOverviewProps>(
     );
   }
 );
+
+IpOverview.displayName = 'IpOverview';
diff --git a/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/__snapshots__/index.test.tsx.snap
index 912a383d09e43..ee7649b00aed1 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/__snapshots__/index.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`KpiNetwork Component rendering it renders loading icons 1`] = `
-<Memo()
+<KpiNetworkComponent
   data={
     Object {
       "dnsQueries": 278,
@@ -41,7 +41,7 @@ exports[`KpiNetwork Component rendering it renders loading icons 1`] = `
 `;
 
 exports[`KpiNetwork Component rendering it renders the default widget 1`] = `
-<Memo()
+<KpiNetworkComponent
   data={
     Object {
       "dnsQueries": 278,
diff --git a/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/index.tsx
index 88c895eeb8af4..377d2b4ef41c0 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/network/kpi_network/index.tsx
@@ -120,6 +120,8 @@ const FlexGroup = styled(EuiFlexGroup)`
   min-height: ${kpiWidgetHeight}px;
 `;
 
+FlexGroup.displayName = 'FlexGroup';
+
 export const KpiNetworkBaseComponent = ({
   fieldsMapping,
   data,
@@ -192,3 +194,5 @@ export const KpiNetworkComponent = React.memo<KpiNetworkProps>(
     );
   }
 );
+
+KpiNetworkComponent.displayName = 'KpiNetworkComponent';
diff --git a/x-pack/legacy/plugins/siem/public/components/page/network/network_dns_table/is_ptr_included.tsx b/x-pack/legacy/plugins/siem/public/components/page/network/network_dns_table/is_ptr_included.tsx
index 389b303193acf..a9025017f2590 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/network/network_dns_table/is_ptr_included.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/network/network_dns_table/is_ptr_included.tsx
@@ -23,3 +23,5 @@ export const IsPtrIncluded = pure<Props>(({ isPtrIncluded, onChange }) => (
     onChange={onChange}
   />
 ));
+
+IsPtrIncluded.displayName = 'IsPtrIncluded';
diff --git a/x-pack/legacy/plugins/siem/public/components/page/network/network_top_n_flow_table/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/network/network_top_n_flow_table/index.tsx
index 8f04d15a0593a..f4f686d716472 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/network/network_top_n_flow_table/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/network/network_top_n_flow_table/index.tsx
@@ -221,3 +221,5 @@ export const NetworkTopNFlowTable = connect(
 const SelectTypeItem = styled(EuiFlexItem)`
   min-width: 180px;
 `;
+
+SelectTypeItem.displayName = 'SelectTypeItem';
diff --git a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host/index.tsx
index 3e39bf18bc24b..bb96353c862c8 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host/index.tsx
@@ -76,3 +76,5 @@ export const OverviewHost = pure<OverviewHostProps>(({ endDate, startDate, setQu
     </EuiFlexItem>
   );
 });
+
+OverviewHost.displayName = 'OverviewHost';
diff --git a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host_stats/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host_stats/index.tsx
index 37b299c70884f..9c0b84e205909 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host_stats/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_host_stats/index.tsx
@@ -133,12 +133,16 @@ export const DescriptionListDescription = styled(EuiDescriptionListDescription)`
   text-align: right;
 `;
 
+DescriptionListDescription.displayName = 'DescriptionListDescription';
+
 const StatValue = pure<{ isLoading: boolean; value: React.ReactNode | null | undefined }>(
   ({ isLoading, value }) => (
     <>{isLoading ? <EuiLoadingSpinner size="m" /> : value != null ? value : getEmptyTagValue()}</>
   )
 );
 
+StatValue.displayName = 'StatValue';
+
 export const OverviewHostStats = pure<OverviewHostProps>(({ data, loading }) => (
   <EuiDescriptionList type="column">
     {overviewHostStats(data).map((item, index) => (
@@ -151,3 +155,5 @@ export const OverviewHostStats = pure<OverviewHostProps>(({ data, loading }) =>
     ))}
   </EuiDescriptionList>
 ));
+
+OverviewHostStats.displayName = 'OverviewHostStats';
diff --git a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network/index.tsx
index 801b63091afb7..c27395d157ebf 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network/index.tsx
@@ -82,3 +82,5 @@ export const OverviewNetwork = pure<OwnProps>(({ endDate, startDate, setQuery })
     </EuiFlexItem>
   );
 });
+
+OverviewNetwork.displayName = 'OverviewNetwork';
diff --git a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network_stats/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network_stats/index.tsx
index a2b8b1701015e..cee2c18710e74 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network_stats/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/overview/overview_network_stats/index.tsx
@@ -146,12 +146,16 @@ export const DescriptionListDescription = styled(EuiDescriptionListDescription)`
   text-align: right;
 `;
 
+DescriptionListDescription.displayName = 'DescriptionListDescription';
+
 const StatValue = pure<{ isLoading: boolean; value: React.ReactNode | null | undefined }>(
   ({ isLoading, value }) => (
     <>{isLoading ? <EuiLoadingSpinner size="m" /> : value != null ? value : getEmptyTagValue()}</>
   )
 );
 
+StatValue.displayName = 'StatValue';
+
 export const OverviewNetworkStats = pure<OverviewNetworkProps>(({ data, loading }) => (
   <EuiDescriptionList type="column">
     {overviewNetworkStats(data).map((item, index) => (
@@ -164,3 +168,5 @@ export const OverviewNetworkStats = pure<OverviewNetworkProps>(({ data, loading
     ))}
   </EuiDescriptionList>
 ));
+
+OverviewNetworkStats.displayName = 'OverviewNetworkStats';
diff --git a/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap
index 2dd51cdb727a5..3326a9d9aab26 100644
--- a/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/paginated_table/__snapshots__/index.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Paginated Table Component rendering it renders the default load more table 1`] = `
-<Component
+<PaginatedTable
   columns={
     Array [
       Object {
diff --git a/x-pack/legacy/plugins/siem/public/components/paginated_table/index.tsx b/x-pack/legacy/plugins/siem/public/components/paginated_table/index.tsx
index 3f79dc6e613af..23c18aa7bce76 100644
--- a/x-pack/legacy/plugins/siem/public/components/paginated_table/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/paginated_table/index.tsx
@@ -286,6 +286,8 @@ export const PaginatedTable = memo<SiemTables>(
   }
 );
 
+PaginatedTable.displayName = 'PaginatedTable';
+
 const Panel = styled(EuiPanel)<{ loading: { loading?: boolean } }>`
   position: relative;
 
@@ -296,6 +298,8 @@ const Panel = styled(EuiPanel)<{ loading: { loading?: boolean } }>`
   `}
 `;
 
+Panel.displayName = 'Panel';
+
 const BasicTable = styled(EuiBasicTable)`
   tbody {
     th,
@@ -305,6 +309,8 @@ const BasicTable = styled(EuiBasicTable)`
   }
 `;
 
+BasicTable.displayName = 'BasicTable';
+
 const FooterAction = styled(EuiFlexGroup).attrs({
   alignItems: 'center',
   responsive: false,
@@ -312,6 +318,8 @@ const FooterAction = styled(EuiFlexGroup).attrs({
   margin-top: ${props => props.theme.eui.euiSizeXS};
 `;
 
+FooterAction.displayName = 'FooterAction';
+
 const PaginationEuiFlexItem = styled(EuiFlexItem)`
   ${props => css`
     @media only screen and (min-width: ${props.theme.eui.euiBreakpoints.m}) {
@@ -335,3 +343,5 @@ const PaginationEuiFlexItem = styled(EuiFlexItem)`
     }
   `}
 `;
+
+PaginationEuiFlexItem.displayName = 'PaginationEuiFlexItem';
diff --git a/x-pack/legacy/plugins/siem/public/components/pin/index.tsx b/x-pack/legacy/plugins/siem/public/components/pin/index.tsx
index 68f5e9527c312..699adaff067dd 100644
--- a/x-pack/legacy/plugins/siem/public/components/pin/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/pin/index.tsx
@@ -20,6 +20,8 @@ const PinIcon = styled(EuiIcon)<{ transform: string }>`
   transform: ${({ transform }) => transform};
 `;
 
+PinIcon.displayName = 'PinIcon';
+
 interface Props {
   allowUnpinning: boolean;
   pinned: boolean;
@@ -38,3 +40,5 @@ export const Pin = pure<Props>(({ allowUnpinning, pinned, onClick = noop }) => (
     type="pin"
   />
 ));
+
+Pin.displayName = 'Pin';
diff --git a/x-pack/legacy/plugins/siem/public/components/port/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/port/__snapshots__/index.test.tsx.snap
index 8d9b3bc1f6052..194a55b37b0a8 100644
--- a/x-pack/legacy/plugins/siem/public/components/port/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/port/__snapshots__/index.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Port renders correctly against snapshot 1`] = `
 <Component>
-  <pure(Component)
+  <Port
     contextId="test"
     eventId="abcd"
     fieldName="destination.port"
diff --git a/x-pack/legacy/plugins/siem/public/components/port/index.tsx b/x-pack/legacy/plugins/siem/public/components/port/index.tsx
index 87c5337d23527..8b18719ef62ba 100644
--- a/x-pack/legacy/plugins/siem/public/components/port/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/port/index.tsx
@@ -43,3 +43,5 @@ export const Port = pure<{
     <ExternalLinkIcon />
   </DefaultDraggable>
 ));
+
+Port.displayName = 'Port';
diff --git a/x-pack/legacy/plugins/siem/public/components/resize_handle/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/resize_handle/__snapshots__/index.test.tsx.snap
index 92a4f24bcef21..e284628d66e11 100644
--- a/x-pack/legacy/plugins/siem/public/components/resize_handle/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/resize_handle/__snapshots__/index.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`Resizeable it renders 1`] = `
 <Component>
   <Resizeable
     handle={
-      <Styled(styled.div)
+      <CellResizeHandle
         data-test-subj="test-resize-handle"
       />
     }
diff --git a/x-pack/legacy/plugins/siem/public/components/resize_handle/index.tsx b/x-pack/legacy/plugins/siem/public/components/resize_handle/index.tsx
index f0a9e32d5b10f..bf19761d40a7a 100644
--- a/x-pack/legacy/plugins/siem/public/components/resize_handle/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/resize_handle/index.tsx
@@ -54,6 +54,8 @@ const ResizeHandleContainer = styled.div<{ height?: string }>`
   ${({ height }) => (height != null ? `height: ${height}` : '')}
 `;
 
+ResizeHandleContainer.displayName = 'ResizeHandleContainer';
+
 export const addGlobalResizeCursorStyleToBody = () => {
   document.body.classList.add(globalResizeCursorClassName);
 };
diff --git a/x-pack/legacy/plugins/siem/public/components/resize_handle/styled_handles.tsx b/x-pack/legacy/plugins/siem/public/components/resize_handle/styled_handles.tsx
index 04d44459eaf6e..4a8a3d1ec7262 100644
--- a/x-pack/legacy/plugins/siem/public/components/resize_handle/styled_handles.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/resize_handle/styled_handles.tsx
@@ -16,6 +16,8 @@ export const CommonResizeHandle = styled.div`
   width: 0;
 `;
 
+CommonResizeHandle.displayName = 'CommonResizeHandle';
+
 export const CellResizeHandle = styled(CommonResizeHandle)`
   border-right: ${CELL_RESIZE_HANDLE_WIDTH}px solid
     ${({ theme }) =>
@@ -23,13 +25,19 @@ export const CellResizeHandle = styled(CommonResizeHandle)`
   border-top: ${CELL_RESIZE_HANDLE_WIDTH}px solid ${({ theme }) => theme.eui.euiColorLightShade};
 `;
 
+CellResizeHandle.displayName = 'CellResizeHandle';
+
 export const ColumnHeaderResizeHandle = styled(CommonResizeHandle)`
   border: ${CELL_RESIZE_HANDLE_WIDTH}px solid ${({ theme }) => theme.eui.euiColorLightestShade};
 `;
 
+ColumnHeaderResizeHandle.displayName = 'ColumnHeaderResizeHandle';
+
 export const TimelineResizeHandle = styled(CommonResizeHandle)<{ height: number }>`
   border: ${TIMELINE_RESIZE_HANDLE_WIDTH}px solid ${props => props.theme.eui.euiColorLightShade};
   z-index: 2;
   height: ${({ height }) => `${height}px`};
   position: absolute;
 `;
+
+TimelineResizeHandle.displayName = 'TimelineResizeHandle';
diff --git a/x-pack/legacy/plugins/siem/public/components/selectable_text/index.tsx b/x-pack/legacy/plugins/siem/public/components/selectable_text/index.tsx
index a4d22ca781524..86bed513a2eac 100644
--- a/x-pack/legacy/plugins/siem/public/components/selectable_text/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/selectable_text/index.tsx
@@ -9,3 +9,5 @@ import styled from 'styled-components';
 export const SelectableText = styled.span`
   user-select: text;
 `;
+
+SelectableText.displayName = 'SelectableText';
diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/source_destination/__snapshots__/index.test.tsx.snap
index 78cbac8494696..192eddc348c7f 100644
--- a/x-pack/legacy/plugins/siem/public/components/source_destination/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/source_destination/__snapshots__/index.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`SourceDestination renders correctly against snapshot 1`] = `
 <div>
-  <pure(Component)
+  <SourceDestination
     contextId="test"
     destinationBytes={
       Array [
diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/country_flag.tsx b/x-pack/legacy/plugins/siem/public/components/source_destination/country_flag.tsx
index 5eac256f7d263..704484947c457 100644
--- a/x-pack/legacy/plugins/siem/public/components/source_destination/country_flag.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/source_destination/country_flag.tsx
@@ -27,3 +27,5 @@ export const CountryFlag = pure<{
 
   return flag !== null ? <span data-test-subj="country-flag">{flag}</span> : null;
 });
+
+CountryFlag.displayName = 'CountryFlag';
diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/geo_fields.tsx b/x-pack/legacy/plugins/siem/public/components/source_destination/geo_fields.tsx
index a6a3d71759ea2..edbeea57dd7bb 100644
--- a/x-pack/legacy/plugins/siem/public/components/source_destination/geo_fields.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/source_destination/geo_fields.tsx
@@ -68,6 +68,8 @@ const GeoFlexItem = styled(EuiFlexItem)`
   margin-right: 5px;
 `;
 
+GeoFlexItem.displayName = 'GeoFlexItem';
+
 const GeoFieldValues = pure<{
   contextId: string;
   eventId: string;
@@ -102,6 +104,8 @@ const GeoFieldValues = pure<{
   ) : null
 );
 
+GeoFieldValues.displayName = 'GeoFieldValues';
+
 /**
  * Renders a row of draggable text containing geographic fields, such as:
  * - `source|destination.geo.continent_name`
@@ -128,3 +132,5 @@ export const GeoFields = pure<GeoFieldsProps>(props => {
     </EuiFlexGroup>
   );
 });
+
+GeoFields.displayName = 'GeoFields';
diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/index.tsx b/x-pack/legacy/plugins/siem/public/components/source_destination/index.tsx
index b1c781896a678..5b62189a4a0e6 100644
--- a/x-pack/legacy/plugins/siem/public/components/source_destination/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/source_destination/index.tsx
@@ -17,6 +17,8 @@ const EuiFlexItemMarginTop = styled(EuiFlexItem)`
   margin-top: 3px;
 `;
 
+EuiFlexItemMarginTop.displayName = 'EuiFlexItemMarginTop';
+
 /**
  * Renders a visualization of network traffic between a source and a destination
  * This component is used by the Netflow row renderer
@@ -91,3 +93,5 @@ export const SourceDestination = pure<SourceDestinationProps>(
     </EuiFlexGroup>
   )
 );
+
+SourceDestination.displayName = 'SourceDestination';
diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/ip_with_port.tsx b/x-pack/legacy/plugins/siem/public/components/source_destination/ip_with_port.tsx
index 91184d80517cd..a148ddb53ea0b 100644
--- a/x-pack/legacy/plugins/siem/public/components/source_destination/ip_with_port.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/source_destination/ip_with_port.tsx
@@ -16,6 +16,8 @@ const IpPortSeparator = styled.span`
   margin: 0 3px;
 `;
 
+IpPortSeparator.displayName = 'IpPortSeparator';
+
 /**
  * Renders a separator (i.e. `:`) and a draggable, hyperlinked port when
  * a port is specified
@@ -44,6 +46,8 @@ const PortWithSeparator = pure<{
   ) : null;
 });
 
+PortWithSeparator.displayName = 'PortWithSeparator';
+
 /**
  * Renders a draggable, hyperlinked IP address, and if provided, an associated
  * draggable, hyperlinked port (with a separator between the IP address and port)
@@ -78,3 +82,5 @@ export const IpWithPort = pure<{
     </EuiFlexGroup>
   );
 });
+
+IpWithPort.displayName = 'IpWithPort';
diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/network.tsx b/x-pack/legacy/plugins/siem/public/components/source_destination/network.tsx
index 4428ff7485c16..6c4913883a88d 100644
--- a/x-pack/legacy/plugins/siem/public/components/source_destination/network.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/source_destination/network.tsx
@@ -27,10 +27,14 @@ const EuiFlexItemMarginRight = styled(EuiFlexItem)`
   margin-right: 3px;
 `;
 
+EuiFlexItemMarginRight.displayName = 'EuiFlexItemMarginRight';
+
 const Stats = styled(EuiText)`
   margin: 0 5px;
 `;
 
+Stats.displayName = 'Stats';
+
 /**
  * Renders a row of draggable badges containing fields from the
  * `Network` category of fields
@@ -133,3 +137,5 @@ export const Network = pure<{
       : null}
   </EuiFlexGroup>
 ));
+
+Network.displayName = 'Network';
diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_arrows.tsx b/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_arrows.tsx
index deebfb86accd3..76cca29d8ec89 100644
--- a/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_arrows.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_arrows.tsx
@@ -32,14 +32,20 @@ const Percent = styled.span`
   margin-right: 5px;
 `;
 
+Percent.displayName = 'Percent';
+
 const SourceDestinationArrowsContainer = styled(EuiFlexGroup)`
   margin: 0 2px;
 `;
 
+SourceDestinationArrowsContainer.displayName = 'SourceDestinationArrowsContainer';
+
 const Data = styled(EuiText)`
   margin: 0 5px;
 `;
 
+Data.displayName = 'Data';
+
 /**
  * Visualizes the communication from a source as an arrow with draggable badges
  */
@@ -111,6 +117,8 @@ const SourceArrow = pure<{
   );
 });
 
+SourceArrow.displayName = 'SourceArrow';
+
 /**
  * Visualizes the communication from a destination as an arrow with draggable
  * badges
@@ -185,6 +193,8 @@ const DestinationArrow = pure<{
   );
 });
 
+DestinationArrow.displayName = 'DestinationArrow';
+
 /**
  * Visualizes the communication between a source and a destination using arrows
  * that grow in thickness based on the percentage of bytes transferred, and stats badges
@@ -256,3 +266,5 @@ export const SourceDestinationArrows = pure<{
     </SourceDestinationArrowsContainer>
   );
 });
+
+SourceDestinationArrows.displayName = 'SourceDestinationArrows';
diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_ip.tsx b/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_ip.tsx
index 88e7684a65607..1b578660cae49 100644
--- a/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_ip.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_ip.tsx
@@ -93,6 +93,8 @@ const IpAdressesWithPorts = pure<{
   ) : null;
 });
 
+IpAdressesWithPorts.displayName = 'IpAdressesWithPorts';
+
 /**
  * When the ip field (i.e. `sourceIp`, `destinationIp`) that corresponds with
  * the specified `type` (i.e. `source`, `destination`) is populated, this component
@@ -167,3 +169,5 @@ export const SourceDestinationIp = pure<SourceDestinationIpProps>(
     ) : null;
   }
 );
+
+SourceDestinationIp.displayName = 'SourceDestinationIp';
diff --git a/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_with_arrows.tsx b/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_with_arrows.tsx
index 59d745188ffd1..4a484420a4b5f 100644
--- a/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_with_arrows.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/source_destination/source_destination_with_arrows.tsx
@@ -98,3 +98,5 @@ export const SourceDestinationWithArrows = pure<SourceDestinationWithArrowsProps
     </EuiFlexGroup>
   )
 );
+
+SourceDestinationWithArrows.displayName = 'SourceDestinationWithArrows';
diff --git a/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap
index a26a654c80940..2705968a3c79b 100644
--- a/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/stat_items/__snapshots__/index.test.tsx.snap
@@ -12,7 +12,7 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] =
     }
   }
 >
-  <Memo()
+  <StatItemsComponent
     description="HOSTS"
     fields={
       Array [
@@ -31,7 +31,7 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] =
     narrowDateRange={[MockFunction]}
     to={1560837600000}
   >
-    <Styled(EuiFlexItem)>
+    <FlexItem>
       <EuiFlexItem
         className="sc-bZQynM kpuYFd"
       >
@@ -77,13 +77,13 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] =
                     <div
                       className="euiFlexItem euiFlexItem--flexGrowZero"
                     >
-                      <Connect(pure(Component))
+                      <Connect(InspectButtonComponent)
                         inspectIndex={0}
                         queryId="statItems"
                         show={false}
                         title="KPI HOSTS"
                       >
-                        <pure(Component)
+                        <InspectButtonComponent
                           id=""
                           inspect={null}
                           inspectIndex={0}
@@ -109,7 +109,7 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] =
                             show={false}
                             title="KPI HOSTS"
                           >
-                            <styled.div
+                            <InspectContainer
                               showInspect={false}
                             >
                               <div
@@ -169,10 +169,10 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] =
                                   title="KPI HOSTS"
                                 />
                               </div>
-                            </styled.div>
+                            </InspectContainer>
                           </Component>
-                        </pure(Component)>
-                      </Connect(pure(Component))>
+                        </InspectButtonComponent>
+                      </Connect(InspectButtonComponent)>
                     </div>
                   </EuiFlexItem>
                 </div>
@@ -181,7 +181,7 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] =
                 <div
                   className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
                 >
-                  <Styled(EuiFlexItem)
+                  <FlexItem
                     key="stat-items-field-hosts"
                   >
                     <EuiFlexItem
@@ -198,14 +198,14 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] =
                           <div
                             className="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
                           >
-                            <Styled(EuiFlexItem)>
+                            <FlexItem>
                               <EuiFlexItem
                                 className="sc-bZQynM kpuYFd"
                               >
                                 <div
                                   className="euiFlexItem sc-bZQynM kpuYFd"
                                 >
-                                  <Styled(EuiTitle)>
+                                  <StatValue>
                                     <EuiTitle
                                       className="sc-gzVnrw dJnFxB"
                                     >
@@ -217,15 +217,15 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] =
                                          
                                       </p>
                                     </EuiTitle>
-                                  </Styled(EuiTitle)>
+                                  </StatValue>
                                 </div>
                               </EuiFlexItem>
-                            </Styled(EuiFlexItem)>
+                            </FlexItem>
                           </div>
                         </EuiFlexGroup>
                       </div>
                     </EuiFlexItem>
-                  </Styled(EuiFlexItem)>
+                  </FlexItem>
                 </div>
               </EuiFlexGroup>
               <EuiFlexGroup>
@@ -237,8 +237,8 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] =
           </EuiPanel>
         </div>
       </EuiFlexItem>
-    </Styled(EuiFlexItem)>
-  </Memo()>
+    </FlexItem>
+  </StatItemsComponent>
 </Provider>
 `;
 
@@ -254,7 +254,7 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] =
     }
   }
 >
-  <Memo()
+  <StatItemsComponent
     areaChart={Array []}
     barChart={Array []}
     description="HOSTS"
@@ -275,7 +275,7 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] =
     narrowDateRange={[MockFunction]}
     to={1560837600000}
   >
-    <Styled(EuiFlexItem)>
+    <FlexItem>
       <EuiFlexItem
         className="sc-bZQynM kpuYFd"
       >
@@ -321,13 +321,13 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] =
                     <div
                       className="euiFlexItem euiFlexItem--flexGrowZero"
                     >
-                      <Connect(pure(Component))
+                      <Connect(InspectButtonComponent)
                         inspectIndex={0}
                         queryId="statItems"
                         show={false}
                         title="KPI HOSTS"
                       >
-                        <pure(Component)
+                        <InspectButtonComponent
                           id=""
                           inspect={null}
                           inspectIndex={0}
@@ -353,7 +353,7 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] =
                             show={false}
                             title="KPI HOSTS"
                           >
-                            <styled.div
+                            <InspectContainer
                               showInspect={false}
                             >
                               <div
@@ -413,10 +413,10 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] =
                                   title="KPI HOSTS"
                                 />
                               </div>
-                            </styled.div>
+                            </InspectContainer>
                           </Component>
-                        </pure(Component)>
-                      </Connect(pure(Component))>
+                        </InspectButtonComponent>
+                      </Connect(InspectButtonComponent)>
                     </div>
                   </EuiFlexItem>
                 </div>
@@ -425,7 +425,7 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] =
                 <div
                   className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
                 >
-                  <Styled(EuiFlexItem)
+                  <FlexItem
                     key="stat-items-field-hosts"
                   >
                     <EuiFlexItem
@@ -443,14 +443,14 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] =
                             className="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
                           >
                             0
-                            <Styled(EuiFlexItem)>
+                            <FlexItem>
                               <EuiFlexItem
                                 className="sc-bZQynM kpuYFd"
                               >
                                 <div
                                   className="euiFlexItem sc-bZQynM kpuYFd"
                                 >
-                                  <Styled(EuiTitle)>
+                                  <StatValue>
                                     <EuiTitle
                                       className="sc-gzVnrw dJnFxB"
                                     >
@@ -462,15 +462,15 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] =
                                          
                                       </p>
                                     </EuiTitle>
-                                  </Styled(EuiTitle)>
+                                  </StatValue>
                                 </div>
                               </EuiFlexItem>
-                            </Styled(EuiFlexItem)>
+                            </FlexItem>
                           </div>
                         </EuiFlexGroup>
                       </div>
                     </EuiFlexItem>
-                  </Styled(EuiFlexItem)>
+                  </FlexItem>
                 </div>
               </EuiFlexGroup>
               <EuiFlexGroup>
@@ -482,8 +482,8 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] =
           </EuiPanel>
         </div>
       </EuiFlexItem>
-    </Styled(EuiFlexItem)>
-  </Memo()>
+    </FlexItem>
+  </StatItemsComponent>
 </Provider>
 `;
 
@@ -499,7 +499,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
     }
   }
 >
-  <Memo()
+  <StatItemsComponent
     areaChart={
       Array [
         Object {
@@ -592,7 +592,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
     narrowDateRange={[MockFunction]}
     to={1560837600000}
   >
-    <Styled(EuiFlexItem)>
+    <FlexItem>
       <EuiFlexItem
         className="sc-bZQynM kpuYFd"
       >
@@ -638,13 +638,13 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                     <div
                       className="euiFlexItem euiFlexItem--flexGrowZero"
                     >
-                      <Connect(pure(Component))
+                      <Connect(InspectButtonComponent)
                         inspectIndex={0}
                         queryId="statItems"
                         show={false}
                         title="KPI UNIQUE_PRIVATE_IPS"
                       >
-                        <pure(Component)
+                        <InspectButtonComponent
                           id=""
                           inspect={null}
                           inspectIndex={0}
@@ -670,7 +670,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                             show={false}
                             title="KPI UNIQUE_PRIVATE_IPS"
                           >
-                            <styled.div
+                            <InspectContainer
                               showInspect={false}
                             >
                               <div
@@ -730,10 +730,10 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                   title="KPI UNIQUE_PRIVATE_IPS"
                                 />
                               </div>
-                            </styled.div>
+                            </InspectContainer>
                           </Component>
-                        </pure(Component)>
-                      </Connect(pure(Component))>
+                        </InspectButtonComponent>
+                      </Connect(InspectButtonComponent)>
                     </div>
                   </EuiFlexItem>
                 </div>
@@ -742,7 +742,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                 <div
                   className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
                 >
-                  <Styled(EuiFlexItem)
+                  <FlexItem
                     key="stat-items-field-uniqueSourceIps"
                   >
                     <EuiFlexItem
@@ -759,7 +759,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                           <div
                             className="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
                           >
-                            <Styled(EuiFlexItem)
+                            <FlexItem
                               grow={false}
                             >
                               <EuiFlexItem
@@ -803,15 +803,15 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                   </EuiIcon>
                                 </div>
                               </EuiFlexItem>
-                            </Styled(EuiFlexItem)>
-                            <Styled(EuiFlexItem)>
+                            </FlexItem>
+                            <FlexItem>
                               <EuiFlexItem
                                 className="sc-bZQynM kpuYFd"
                               >
                                 <div
                                   className="euiFlexItem sc-bZQynM kpuYFd"
                                 >
-                                  <Styled(EuiTitle)>
+                                  <StatValue>
                                     <EuiTitle
                                       className="sc-gzVnrw dJnFxB"
                                     >
@@ -824,16 +824,16 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                         Source
                                       </p>
                                     </EuiTitle>
-                                  </Styled(EuiTitle)>
+                                  </StatValue>
                                 </div>
                               </EuiFlexItem>
-                            </Styled(EuiFlexItem)>
+                            </FlexItem>
                           </div>
                         </EuiFlexGroup>
                       </div>
                     </EuiFlexItem>
-                  </Styled(EuiFlexItem)>
-                  <Styled(EuiFlexItem)
+                  </FlexItem>
+                  <FlexItem
                     key="stat-items-field-uniqueDestinationIps"
                   >
                     <EuiFlexItem
@@ -850,7 +850,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                           <div
                             className="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
                           >
-                            <Styled(EuiFlexItem)
+                            <FlexItem
                               grow={false}
                             >
                               <EuiFlexItem
@@ -894,15 +894,15 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                   </EuiIcon>
                                 </div>
                               </EuiFlexItem>
-                            </Styled(EuiFlexItem)>
-                            <Styled(EuiFlexItem)>
+                            </FlexItem>
+                            <FlexItem>
                               <EuiFlexItem
                                 className="sc-bZQynM kpuYFd"
                               >
                                 <div
                                   className="euiFlexItem sc-bZQynM kpuYFd"
                                 >
-                                  <Styled(EuiTitle)>
+                                  <StatValue>
                                     <EuiTitle
                                       className="sc-gzVnrw dJnFxB"
                                     >
@@ -915,15 +915,15 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                         Dest.
                                       </p>
                                     </EuiTitle>
-                                  </Styled(EuiTitle)>
+                                  </StatValue>
                                 </div>
                               </EuiFlexItem>
-                            </Styled(EuiFlexItem)>
+                            </FlexItem>
                           </div>
                         </EuiFlexGroup>
                       </div>
                     </EuiFlexItem>
-                  </Styled(EuiFlexItem)>
+                  </FlexItem>
                 </div>
               </EuiFlexGroup>
               <EuiHorizontalRule>
@@ -935,14 +935,14 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                 <div
                   className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
                 >
-                  <Styled(EuiFlexItem)>
+                  <FlexItem>
                     <EuiFlexItem
                       className="sc-bZQynM kpuYFd"
                     >
                       <div
                         className="euiFlexItem sc-bZQynM kpuYFd"
                       >
-                        <Memo()
+                        <BarChart
                           barChart={
                             Array [
                               Object {
@@ -987,13 +987,13 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                             content={true}
                             detectAnyWindowResize={false}
                           >
-                            <styled.div
+                            <WrappedByAutoSizer
                               innerRef={[Function]}
                             >
                               <div
                                 className="sc-bwzfXH ffMqh"
                               >
-                                <Memo()
+                                <BarChartWithCustomPrompt
                                   configs={
                                     Object {
                                       "axis": Object {
@@ -1034,7 +1034,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                     ]
                                   }
                                 >
-                                  <Memo()
+                                  <BarChartBaseComponent
                                     configs={
                                       Object {
                                         "axis": Object {
@@ -1075,22 +1075,22 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                       ]
                                     }
                                   />
-                                </Memo()>
+                                </BarChartWithCustomPrompt>
                               </div>
-                            </styled.div>
+                            </WrappedByAutoSizer>
                           </AutoSizer>
-                        </Memo()>
+                        </BarChart>
                       </div>
                     </EuiFlexItem>
-                  </Styled(EuiFlexItem)>
-                  <Styled(EuiFlexItem)>
+                  </FlexItem>
+                  <FlexItem>
                     <EuiFlexItem
                       className="sc-bZQynM kpuYFd"
                     >
                       <div
                         className="euiFlexItem sc-bZQynM kpuYFd"
                       >
-                        <Memo()
+                        <AreaChart
                           areaChart={
                             Array [
                               Object {
@@ -1151,13 +1151,13 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                             content={true}
                             detectAnyWindowResize={false}
                           >
-                            <styled.div
+                            <WrappedByAutoSizer
                               innerRef={[Function]}
                             >
                               <div
                                 className="sc-bwzfXH ffMqh"
                               >
-                                <Memo()
+                                <AreaChartWithCustomPrompt
                                   configs={
                                     Object {
                                       "axis": Object {
@@ -1214,7 +1214,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                     ]
                                   }
                                 >
-                                  <Memo()
+                                  <AreaChartBaseComponent
                                     configs={
                                       Object {
                                         "axis": Object {
@@ -1271,21 +1271,21 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
                                       ]
                                     }
                                   />
-                                </Memo()>
+                                </AreaChartWithCustomPrompt>
                               </div>
-                            </styled.div>
+                            </WrappedByAutoSizer>
                           </AutoSizer>
-                        </Memo()>
+                        </AreaChart>
                       </div>
                     </EuiFlexItem>
-                  </Styled(EuiFlexItem)>
+                  </FlexItem>
                 </div>
               </EuiFlexGroup>
             </div>
           </EuiPanel>
         </div>
       </EuiFlexItem>
-    </Styled(EuiFlexItem)>
-  </Memo()>
+    </FlexItem>
+  </StatItemsComponent>
 </Provider>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/stat_items/index.tsx b/x-pack/legacy/plugins/siem/public/components/stat_items/index.tsx
index 1f1a30c3d3ec5..91a95d305bf1a 100644
--- a/x-pack/legacy/plugins/siem/public/components/stat_items/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/stat_items/index.tsx
@@ -36,12 +36,16 @@ const FlexItem = styled(EuiFlexItem)`
   min-width: 0;
 `;
 
+FlexItem.displayName = 'FlexItem';
+
 const StatValue = styled(EuiTitle)`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 `;
 
+StatValue.displayName = 'StatValue';
+
 interface StatItem {
   key: string;
   description?: string;
@@ -278,3 +282,5 @@ export const StatItemsComponent = React.memo<StatItemsProps>(
     );
   }
 );
+
+StatItemsComponent.displayName = 'StatItemsComponent';
diff --git a/x-pack/legacy/plugins/siem/public/components/tables/__snapshots__/helpers.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/tables/__snapshots__/helpers.test.tsx.snap
index 17a214736f57f..519976d8904de 100644
--- a/x-pack/legacy/plugins/siem/public/components/tables/__snapshots__/helpers.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/tables/__snapshots__/helpers.test.tsx.snap
@@ -48,7 +48,7 @@ exports[`Table Helpers #getRowItemDraggables it returns correctly against snapsh
     render={[Function]}
   />
   ,
-  <styled.span />
+  <Spacer />
   <Connect(DraggableWrapperComponent)
     dataProvider={
       Object {
@@ -70,7 +70,7 @@ exports[`Table Helpers #getRowItemDraggables it returns correctly against snapsh
     render={[Function]}
   />
   ,
-  <styled.span />
+  <Spacer />
   <Connect(DraggableWrapperComponent)
     dataProvider={
       Object {
@@ -119,7 +119,7 @@ exports[`Table Helpers #getRowItemOverflow it returns correctly against snapshot
     delay="regular"
     position="top"
   >
-    <Styled(EuiIcon)
+    <MoreRowItems
       type="boxesHorizontal"
     />
   </EuiToolTip>
@@ -134,7 +134,7 @@ exports[`Table Helpers OverflowField it returns correctly against snapshot 1`] =
     delay="regular"
     position="top"
   >
-    <Styled(EuiIcon)
+    <MoreRowItems
       type="boxesHorizontal"
     />
   </EuiToolTip>
diff --git a/x-pack/legacy/plugins/siem/public/components/tables/helpers.tsx b/x-pack/legacy/plugins/siem/public/components/tables/helpers.tsx
index 2733653fa779c..a0a25c490db10 100644
--- a/x-pack/legacy/plugins/siem/public/components/tables/helpers.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/tables/helpers.tsx
@@ -194,3 +194,5 @@ export const OverflowField = React.memo<{
     )}
   </span>
 ));
+
+OverflowField.displayName = 'OverflowField';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/auto_save_warning/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/auto_save_warning/index.tsx
index 36f4f4a3442c6..2cba2a4b39f1b 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/auto_save_warning/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/auto_save_warning/index.tsx
@@ -96,6 +96,8 @@ const AutoSaveWarningMsgComponent = pure<OwnProps>(
   }
 );
 
+AutoSaveWarningMsgComponent.displayName = 'AutoSaveWarningMsgComponent';
+
 const mapStateToProps = (state: State) => {
   const autoSaveMessage: AutoSavedWarningMsg = timelineSelectors.autoSaveMsgSelector(state);
 
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/actions/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/actions/index.tsx
index 3a8bd24706399..6bd1563e43a92 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/actions/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/actions/index.tsx
@@ -49,28 +49,40 @@ const ActionsContainer = styled.div<{ actionsColumnWidth: number }>`
   width: ${({ actionsColumnWidth }) => actionsColumnWidth}px;
 `;
 
+ActionsContainer.displayName = 'ActionsContainer';
+
 const ExpandEventContainer = styled.div`
   height: 25px;
   width: 25px;
 `;
 
+ExpandEventContainer.displayName = 'ExpandEventContainer';
+
 const ActionLoading = styled(EuiLoadingSpinner)`
   margin-top: 3px;
   margin-left: 6px;
 `;
 
+ActionLoading.displayName = 'ActionLoading';
+
 const PinContainer = styled.div`
   width: 27px;
 `;
 
+PinContainer.displayName = 'PinContainer';
+
 const SelectEventContainer = styled(EuiFlexItem)`
   padding: 4px 0 0 7px;
 `;
 
+SelectEventContainer.displayName = 'SelectEventContainer';
+
 const NotesButtonContainer = styled(EuiFlexItem)`
   margin-left: 5px;
 `;
 
+NotesButtonContainer.displayName = 'NotesButtonContainer';
+
 const emptyNotes: string[] = [];
 
 export const Actions = pure<Props>(
@@ -166,3 +178,5 @@ export const Actions = pure<Props>(
     </ActionsContainer>
   )
 );
+
+Actions.displayName = 'Actions';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/actions/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/actions/index.tsx
index 6cb753146d742..2ce8e1aab2597 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/actions/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/actions/index.tsx
@@ -25,10 +25,14 @@ const ActionsContainer = styled(EuiFlexGroup)`
   width: ${ACTIONS_WIDTH}px;
 `;
 
+ActionsContainer.displayName = 'ActionsContainer';
+
 const WrappedCloseButton = styled.div<{ show: boolean }>`
   visibility: ${({ show }) => (show ? 'visible' : 'hidden')};
 `;
 
+WrappedCloseButton.displayName = 'WrappedCloseButton';
+
 interface Props {
   header: ColumnHeader;
   isLoading: boolean;
@@ -59,6 +63,8 @@ export const CloseButton = pure<{
   </WrappedCloseButton>
 ));
 
+CloseButton.displayName = 'CloseButton';
+
 export const Actions = pure<Props>(({ header, isLoading, onColumnRemoved, show, sort }) => (
   <ActionsContainer
     alignItems="center"
@@ -84,3 +90,5 @@ export const Actions = pure<Props>(({ header, isLoading, onColumnRemoved, show,
     )}
   </ActionsContainer>
 ));
+
+Actions.displayName = 'Actions';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/common/styles.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/common/styles.tsx
index 15efa94190405..4ea91796939df 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/common/styles.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/common/styles.tsx
@@ -11,6 +11,10 @@ export const FullHeightFlexGroup = styled(EuiFlexGroup)`
   height: 100%;
 `;
 
+FullHeightFlexGroup.displayName = 'FullHeightFlexGroup';
+
 export const FullHeightFlexItem = styled(EuiFlexItem)`
   height: 100%;
 `;
+
+FullHeightFlexItem.displayName = 'FullHeightFlexItem';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/helpers.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/helpers.tsx
index 531f218786dab..1298760cff73a 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/helpers.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/helpers.tsx
@@ -17,15 +17,21 @@ const InputDisplay = styled.div`
   width: 5px;
 `;
 
+InputDisplay.displayName = 'InputDisplay';
+
 const PinIconContainer = styled.div`
   margin-right: 5px;
 `;
 
+PinIconContainer.displayName = 'PinIconContainer';
+
 const PinActionItem = styled.div`
   display: flex;
   flex-direction: row;
 `;
 
+PinActionItem.displayName = 'PinActionItem';
+
 export type EventsSelectAction =
   | 'select-all'
   | 'select-none'
@@ -47,6 +53,8 @@ export const DropdownDisplay = pure<{ text: string }>(({ text }) => (
   </EuiText>
 ));
 
+DropdownDisplay.displayName = 'DropdownDisplay';
+
 export const getEventsSelectOptions = (): EventsSelectOption[] => [
   {
     inputDisplay: <InputDisplay />,
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/index.tsx
index a5d0b818dea97..c605e9e4bfe62 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/events_select/index.tsx
@@ -36,12 +36,16 @@ const CheckboxContainer = styled.div`
   position: relative;
 `;
 
+CheckboxContainer.displayName = 'CheckboxContainer';
+
 const PositionedCheckbox = styled.div`
   left: 7px;
   position: absolute;
   top: -28px;
 `;
 
+PositionedCheckbox.displayName = 'PositionedCheckbox';
+
 interface Props {
   checkState: CheckState;
   timelineId: string;
@@ -72,3 +76,5 @@ export const EventsSelect = pure<Props>(({ checkState, timelineId }) => {
     </div>
   );
 });
+
+EventsSelect.displayName = 'EventsSelect';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/filter/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/filter/index.tsx
index 685c3c33fa7b3..53d94716ba3f3 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/filter/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/filter/index.tsx
@@ -34,3 +34,5 @@ export const Filter = pure<Props>(({ header, onFilterChange = noop }) => {
       return null;
   }
 });
+
+Filter.displayName = 'Filter';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/__snapshots__/index.test.tsx.snap
index f46a6092c4092..7c916ab922f45 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/__snapshots__/index.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Header renders correctly against snapshot 1`] = `
-<Styled(EuiFlexGroup)
+<HeaderContainer
   data-test-subj="header-container"
   gutterSize="none"
   key="@timestamp"
@@ -9,16 +9,16 @@ exports[`Header renders correctly against snapshot 1`] = `
 >
   <Resizeable
     handle={
-      <Styled(EuiFlexItem)
+      <FullHeightFlexItem
         grow={false}
       >
-        <Styled(styled.div) />
-      </Styled(EuiFlexItem)>
+        <ColumnHeaderResizeHandle />
+      </FullHeightFlexItem>
     }
     height="35px"
     id="@timestamp"
     onResize={[Function]}
     render={[Function]}
   />
-</Styled(EuiFlexGroup)>
+</HeaderContainer>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/index.tsx
index 91a376967bdd9..a0b7e97769d00 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header/index.tsx
@@ -37,10 +37,14 @@ const HeaderContainer = styled(EuiFlexGroup)<{ width: string }>`
   width: ${({ width }) => width};
 `;
 
+HeaderContainer.displayName = 'HeaderContainer';
+
 const HeaderFlexItem = styled(EuiFlexItem)<{ width: string }>`
   width: ${({ width }) => width};
 `;
 
+HeaderFlexItem.displayName = 'HeaderFlexItem';
+
 const HeaderDiv = styled.div<{ isLoading: boolean }>`
   cursor: ${({ isLoading }) => (isLoading ? 'default' : 'grab')};
   display: flex;
@@ -49,11 +53,15 @@ const HeaderDiv = styled.div<{ isLoading: boolean }>`
   overflow: hidden;
 `;
 
+HeaderDiv.displayName = 'HeaderDiv';
+
 const TruncatableHeaderText = styled(TruncatableText)`
   font-weight: bold;
   padding: 5px;
 `;
 
+TruncatableHeaderText.displayName = 'TruncatableHeaderText';
+
 interface Props {
   header: ColumnHeader;
   isLoading: boolean;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header_tooltip_content/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header_tooltip_content/index.tsx
index e96cfd74bfb13..6c822a0761a38 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header_tooltip_content/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/header_tooltip_content/index.tsx
@@ -20,18 +20,26 @@ const IconType = styled(EuiIcon)`
   top: -2px;
 `;
 
+IconType.displayName = 'IconType';
+
 const P = styled.p`
   margin-bottom: 5px;
 `;
 
+P.displayName = 'P';
+
 const ToolTipTableMetadata = styled.span`
   margin-right: 5px;
 `;
 
+ToolTipTableMetadata.displayName = 'ToolTipTableMetadata';
+
 const ToolTipTableValue = styled.span`
   word-wrap: break-word;
 `;
 
+ToolTipTableValue.displayName = 'ToolTipTableValue';
+
 export const HeaderToolTipContent = pure<{ header: ColumnHeader }>(({ header }) => (
   <>
     {!isEmpty(header.category) ? (
@@ -73,3 +81,5 @@ export const HeaderToolTipContent = pure<{ header: ColumnHeader }>(({ header })
     ) : null}
   </>
 ));
+
+HeaderToolTipContent.displayName = 'HeaderToolTipContent';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/index.tsx
index 379d0dd24e619..7721141835f14 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/index.tsx
@@ -41,6 +41,8 @@ const ActionsContainer = styled.div<{ actionsColumnWidth: number }>`
   width: ${({ actionsColumnWidth }) => actionsColumnWidth}px;
 `;
 
+ActionsContainer.displayName = 'ActionsContainer';
+
 interface Props {
   actionsColumnWidth: number;
   browserFields: BrowserFields;
@@ -70,14 +72,20 @@ const ColumnHeadersContainer = styled.div<{
   margin-bottom: 2px;
 `;
 
+ColumnHeadersContainer.displayName = 'ColumnHeadersContainer';
+
 const ColumnHeadersFlexGroup = styled(EuiFlexGroup)`
   height: ${COLUMN_HEADERS_HEIGHT};
 `;
 
+ColumnHeadersFlexGroup.displayName = 'ColumnHeadersFlexGroup';
+
 const EventsSelectContainer = styled(EuiFlexItem)`
   margin-right: 4px;
 `;
 
+EventsSelectContainer.displayName = 'EventsSelectContainer';
+
 /** Renders the timeline header columns */
 export const ColumnHeaders = pure<Props>(
   ({
@@ -188,3 +196,5 @@ export const ColumnHeaders = pure<Props>(
     );
   }
 );
+
+ColumnHeaders.displayName = 'ColumnHeaders';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/range_picker/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/range_picker/index.tsx
index 75fd0baaa99d6..ae6f8757f98a9 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/range_picker/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/range_picker/index.tsx
@@ -26,6 +26,8 @@ const SelectContainer = styled.div`
   width: ${rangePickerWidth}px;
 `;
 
+SelectContainer.displayName = 'SelectContainer';
+
 /** Renders a time range picker for the MiniMap (e.g. 1 Day, 1 Week...) */
 export const RangePicker = pure<Props>(({ selected, onRangeSelected }) => {
   const onChange = (event: React.ChangeEvent<HTMLSelectElement>): void => {
@@ -45,3 +47,5 @@ export const RangePicker = pure<Props>(({ selected, onRangeSelected }) => {
     </SelectContainer>
   );
 });
+
+RangePicker.displayName = 'RangePicker';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/text_filter/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/text_filter/index.tsx
index 44e0407f13bd8..995e5d8f58df3 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/text_filter/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/column_headers/text_filter/index.tsx
@@ -27,6 +27,8 @@ const FieldText = styled(EuiFieldText)<{ minwidth: string }>`
   min-width: ${props => props.minwidth};
 `;
 
+FieldText.displayName = 'FieldText';
+
 /** Renders a text-based column filter */
 export const TextFilter = pure<Props>(
   ({
@@ -51,3 +53,5 @@ export const TextFilter = pure<Props>(
     );
   }
 );
+
+TextFilter.displayName = 'TextFilter';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/data_driven_columns/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/data_driven_columns/index.tsx
index f8e7573b2e6aa..827e1633f58a9 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/data_driven_columns/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/data_driven_columns/index.tsx
@@ -43,6 +43,8 @@ const Cell = styled.div<{
   width: ${({ width }) => width};
 `;
 
+Cell.displayName = 'Cell';
+
 const CellContainer = styled(EuiFlexGroup)<{ width: string }>`
   display: flex;
   height: 100%;
@@ -50,6 +52,8 @@ const CellContainer = styled(EuiFlexGroup)<{ width: string }>`
   width: ${({ width }) => width};
 `;
 
+CellContainer.displayName = 'CellContainer';
+
 export class DataDrivenColumns extends React.PureComponent<Props> {
   public render() {
     const { columnHeaders } = this.props;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/events/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/events/index.tsx
index 5acf65c9a01b1..81e5ecf7ba734 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/events/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/events/index.tsx
@@ -28,6 +28,8 @@ const EventsContainer = styled.div<{
   min-width: ${({ minWidth }) => `${minWidth}px`};
 `;
 
+EventsContainer.displayName = 'EventsContainer';
+
 interface Props {
   actionsColumnWidth: number;
   addNoteToEvent: AddNoteToEvent;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/index.tsx
index e0cfd7a01ee35..0268073837aa0 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/index.tsx
@@ -68,6 +68,8 @@ const HorizontalScroll = styled.div<{
   min-height: 0px;
 `;
 
+HorizontalScroll.displayName = 'HorizontalScroll';
+
 const VerticalScrollContainer = styled.div<{
   height: number;
   minWidth: number;
@@ -79,6 +81,8 @@ const VerticalScrollContainer = styled.div<{
   min-width: ${({ minWidth }) => `${minWidth}px`};
 `;
 
+VerticalScrollContainer.displayName = 'VerticalScrollContainer';
+
 /** Renders the timeline body */
 export const Body = pure<Props>(
   ({
@@ -161,3 +165,5 @@ export const Body = pure<Props>(
     );
   }
 );
+
+Body.displayName = 'Body';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/get_row_renderer.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/get_row_renderer.test.tsx.snap
index 5e57df6750f97..82b9d49352496 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/get_row_renderer.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/get_row_renderer.test.tsx.snap
@@ -2,10 +2,10 @@
 
 exports[`get_column_renderer renders correctly against snapshot 1`] = `
 <span>
-  <styled.div>
+  <Row>
     <span>
       some child
     </span>
-  </styled.div>
+  </Row>
 </span>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/plain_row_renderer.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/plain_row_renderer.test.tsx.snap
index 343017859da9e..37703573e2575 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/plain_row_renderer.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/__snapshots__/plain_row_renderer.test.tsx.snap
@@ -2,10 +2,10 @@
 
 exports[`plain_row_renderer renders correctly against snapshot 1`] = `
 <span>
-  <styled.div>
+  <Row>
     <span>
       some children
     </span>
-  </styled.div>
+  </Row>
 </span>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/args.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/args.tsx
index 9c999da1c3423..b7c19c3f7639d 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/args.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/args.tsx
@@ -30,3 +30,5 @@ export const Args = pure<Props>(({ eventId, contextId, args, processTitle }) =>
     </TokensFlexItem>
   ) : null
 );
+
+Args.displayName = 'Args';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/generic_file_details.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/generic_file_details.test.tsx.snap
index 3d6a5d05b9cd3..c037e7383edb7 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/generic_file_details.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/generic_file_details.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`GenericFileDetails rendering it renders the default GenericFileDetails 1`] = `
 <Component>
-  <pure(Component)
+  <AuditdGenericFileDetails
     browserFields={Object {}}
     contextId="contextid-123"
     data={
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/generic_row_renderer.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/generic_row_renderer.test.tsx.snap
index f34a9102057f1..ad3f7332aa0c7 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/generic_row_renderer.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/generic_row_renderer.test.tsx.snap
@@ -2,14 +2,14 @@
 
 exports[`GenericRowRenderer #createGenericAuditRowRenderer renders correctly against snapshot 1`] = `
 <span>
-  <styled.div>
+  <Row>
     <span>
       some children
     </span>
-    <styled.div
+    <RowRendererContainer
       width={100}
     >
-      <pure(Component)
+      <AuditdGenericDetails
         browserFields={Object {}}
         contextId="connected-to"
         data={
@@ -121,21 +121,21 @@ exports[`GenericRowRenderer #createGenericAuditRowRenderer renders correctly aga
         }
         text="some text"
       />
-    </styled.div>
-  </styled.div>
+    </RowRendererContainer>
+  </Row>
 </span>
 `;
 
 exports[`GenericRowRenderer #createGenericFileRowRenderer renders correctly against snapshot 1`] = `
 <span>
-  <styled.div>
+  <Row>
     <span>
       some children
     </span>
-    <styled.div
+    <RowRendererContainer
       width={100}
     >
-      <pure(Component)
+      <AuditdGenericFileDetails
         browserFields={Object {}}
         contextId="opened-file"
         data={
@@ -273,7 +273,7 @@ exports[`GenericRowRenderer #createGenericFileRowRenderer renders correctly agai
         fileIcon="document"
         text="some text"
       />
-    </styled.div>
-  </styled.div>
+    </RowRendererContainer>
+  </Row>
 </span>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/session_user_host_working_dir.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/session_user_host_working_dir.test.tsx.snap
index 73e431f642ece..d07d676e90e9a 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/session_user_host_working_dir.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/__snapshots__/session_user_host_working_dir.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`SessionUserHostWorkingDir rendering it renders the default SessionUserH
 <span
   className="euiFlexItem euiFlexItem--flexGrowZero"
 >
-  <pure(Component)
+  <SessionUserHostWorkingDir
     contextId="contextid-123"
     eventId="eventid-123"
     hostName="hostname-123"
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/generic_details.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/generic_details.tsx
index 20ef43b86a7e7..b2025a32a9d36 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/generic_details.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/generic_details.tsx
@@ -101,6 +101,8 @@ export const AuditdGenericLine = pure<Props>(
   )
 );
 
+AuditdGenericLine.displayName = 'AuditdGenericLine';
+
 interface GenericDetailsProps {
   browserFields: BrowserFields;
   data: Ecs;
@@ -151,3 +153,5 @@ export const AuditdGenericDetails = pure<GenericDetailsProps>(({ data, contextId
     return null;
   }
 });
+
+AuditdGenericDetails.displayName = 'AuditdGenericDetails';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/generic_file_details.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/generic_file_details.tsx
index b7441766dfb44..937aa59f9cdfe 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/generic_file_details.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/generic_file_details.tsx
@@ -120,6 +120,8 @@ export const AuditdGenericFileLine = pure<Props>(
   )
 );
 
+AuditdGenericFileLine.displayName = 'AuditdGenericFileLine';
+
 interface GenericDetailsProps {
   browserFields: BrowserFields;
   data: Ecs;
@@ -177,3 +179,5 @@ export const AuditdGenericFileDetails = pure<GenericDetailsProps>(
     }
   }
 );
+
+AuditdGenericFileDetails.displayName = 'AuditdGenericFileDetails';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/primary_secondary_user_info.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/primary_secondary_user_info.tsx
index f690f94cea2ff..a895f68db1d5a 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/primary_secondary_user_info.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/primary_secondary_user_info.tsx
@@ -85,6 +85,8 @@ export const PrimarySecondary = pure<Props>(({ contextId, eventId, primary, seco
   }
 });
 
+PrimarySecondary.displayName = 'PrimarySecondary';
+
 interface PrimarySecondaryUserInfoProps {
   contextId: string;
   eventId: string;
@@ -135,3 +137,5 @@ export const PrimarySecondaryUserInfo = pure<PrimarySecondaryUserInfoProps>(
     }
   }
 );
+
+PrimarySecondaryUserInfo.displayName = 'PrimarySecondaryUserInfo';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/session_user_host_working_dir.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/session_user_host_working_dir.tsx
index 00b629fbc7bb2..6d11709cdb63e 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/session_user_host_working_dir.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/auditd/session_user_host_working_dir.tsx
@@ -63,3 +63,5 @@ export const SessionUserHostWorkingDir = pure<Props>(
     </>
   )
 );
+
+SessionUserHostWorkingDir.displayName = 'SessionUserHostWorkingDir';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/formatted_field.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/formatted_field.tsx
index d293cac7936eb..3ab89b22cde1d 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/formatted_field.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/formatted_field.tsx
@@ -67,3 +67,5 @@ export const FormattedFieldValue = pure<{
     return getOrEmptyTagFromValue(value);
   }
 });
+
+FormattedFieldValue.displayName = 'FormattedFieldValue';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/helpers.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/helpers.tsx
index 56a4c158cc36a..b0361d195acdc 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/helpers.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/helpers.tsx
@@ -29,10 +29,14 @@ export const Details = styled.div`
   margin: 10px 0 10px 10px;
 `;
 
+Details.displayName = 'Details';
+
 export const TokensFlexItem = styled(EuiFlexItem)`
   margin-left: 3px;
 `;
 
+TokensFlexItem.displayName = 'TokensFlexItem';
+
 export const Row = styled.div`
   width: 100%;
   overflow: hidden;
@@ -40,3 +44,5 @@ export const Row = styled.div`
     background-color: ${props => props.theme.eui.euiTableHoverColor};
   }
 `;
+
+Row.displayName = 'Row';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/host_working_dir.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/host_working_dir.tsx
index 46f97fb9f47a4..9b25d246f7780 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/host_working_dir.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/host_working_dir.tsx
@@ -47,3 +47,5 @@ export const HostWorkingDir = pure<Props>(({ contextId, eventId, hostName, worki
     </>
   );
 });
+
+HostWorkingDir.displayName = 'HostWorkingDir';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow.tsx
index 7730de2d77d90..0e09eb339d8d6 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow.tsx
@@ -96,3 +96,5 @@ export const NetflowRenderer = pure<{ data: Ecs }>(({ data }) => (
     userName={undefined}
   />
 ));
+
+NetflowRenderer.displayName = 'NetflowRenderer';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/__snapshots__/netflow_row_renderer.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/__snapshots__/netflow_row_renderer.test.tsx.snap
index 53161e0ee5bab..cbb4c3256f622 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/__snapshots__/netflow_row_renderer.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/__snapshots__/netflow_row_renderer.test.tsx.snap
@@ -2,15 +2,15 @@
 
 exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
 <span>
-  <styled.div>
+  <Row>
     <span>
       some children
     </span>
-    <styled.div
+    <RowRendererContainer
       width={500}
     >
-      <styled.div>
-        <pure(Component)
+      <Details>
+        <Netflow
           contextId="network_flow"
           destinationBytes={
             Array [
@@ -174,8 +174,8 @@ exports[`netflowRowRenderer renders correctly against snapshot 1`] = `
             ]
           }
         />
-      </styled.div>
-    </styled.div>
-  </styled.div>
+      </Details>
+    </RowRendererContainer>
+  </Row>
 </span>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/netflow_row_renderer.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/netflow_row_renderer.tsx
index 144949e09a5a6..da72e506a8055 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/netflow_row_renderer.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/netflow/netflow_row_renderer.tsx
@@ -60,6 +60,8 @@ const Details = styled.div`
   margin: 10px 0;
 `;
 
+Details.displayName = 'Details';
+
 const EVENT_CATEGORY_FIELD = 'event.category';
 const EVENT_ACTION_FIELD = 'event.action';
 const NETWORK_TRAFFIC = 'network_traffic';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/process_draggable.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/process_draggable.tsx
index d3ca4baa0b992..a02b5099d3608 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/process_draggable.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/process_draggable.tsx
@@ -76,6 +76,8 @@ export const ProcessDraggable = pure<Props>(
   }
 );
 
+ProcessDraggable.displayName = 'ProcessDraggable';
+
 export const ProcessDraggableWithNonExistentProcess = pure<Props>(
   ({ contextId, eventId, processExecutable, processName, processPid }) => {
     if (processExecutable == null && processName == null && processPid == null) {
@@ -93,3 +95,5 @@ export const ProcessDraggableWithNonExistentProcess = pure<Props>(
     }
   }
 );
+
+ProcessDraggableWithNonExistentProcess.displayName = 'ProcessDraggableWithNonExistentProcess';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/row_renderer.ts b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/row_renderer.ts
index f6929d461d550..409e744747983 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/row_renderer.ts
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/row_renderer.ts
@@ -13,6 +13,8 @@ export const RowRendererContainer = styled.div<{ width: number }>`
   width: ${({ width }) => `${width}px`};
 `;
 
+RowRendererContainer.displayName = 'RowRendererContainer';
+
 export interface RowRenderer {
   isInstance: (data: Ecs) => boolean;
   renderRow: ({
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/__snapshots__/suricata_row_renderer.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/__snapshots__/suricata_row_renderer.test.tsx.snap
index 46aac85f8c320..e523c7199f1ed 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/__snapshots__/suricata_row_renderer.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/__snapshots__/suricata_row_renderer.test.tsx.snap
@@ -2,14 +2,14 @@
 
 exports[`suricata_row_renderer renders correctly against snapshot 1`] = `
 <span>
-  <styled.div>
+  <Row>
     <span>
       some children
     </span>
-    <styled.div
+    <RowRendererContainer
       width={100}
     >
-      <pure(Component)
+      <SuricataDetails
         browserFields={
           Object {
             "agent": Object {
@@ -459,7 +459,7 @@ exports[`suricata_row_renderer renders correctly against snapshot 1`] = `
           }
         }
       />
-    </styled.div>
-  </styled.div>
+    </RowRendererContainer>
+  </Row>
 </span>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_details.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_details.tsx
index af1cab682c2fe..75cbf593cae5c 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_details.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_details.tsx
@@ -21,6 +21,8 @@ const Details = styled.div`
   margin: 10px 0;
 `;
 
+Details.displayName = 'Details';
+
 export const SuricataDetails = pure<{ browserFields: BrowserFields; data: Ecs }>(({ data }) => {
   const signature: string | null | undefined = get('suricata.eve.alert.signature[0]', data);
   const signatureId: number | null | undefined = get('suricata.eve.alert.signature_id[0]', data);
@@ -42,3 +44,5 @@ export const SuricataDetails = pure<{ browserFields: BrowserFields; data: Ecs }>
     return null;
   }
 });
+
+SuricataDetails.displayName = 'SuricataDetails';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_refs.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_refs.tsx
index b918d53397b1c..4b1375b33b086 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_refs.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_refs.tsx
@@ -16,6 +16,8 @@ const LinkEuiFlexItem = styled(EuiFlexItem)`
   display: inline;
 `;
 
+LinkEuiFlexItem.displayName = 'LinkEuiFlexItem';
+
 export const SuricataRefs = pure<{ signatureId: number }>(({ signatureId }) => {
   const links = getLinksFromSignature(signatureId);
   return (
@@ -31,3 +33,5 @@ export const SuricataRefs = pure<{ signatureId: number }>(({ signatureId }) => {
     </EuiFlexGroup>
   );
 });
+
+SuricataRefs.displayName = 'SuricataRefs';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_signature.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_signature.tsx
index 98558b0edce95..a214cd595ded6 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_signature.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/suricata/suricata_signature.tsx
@@ -27,16 +27,22 @@ const SignatureFlexItem = styled(EuiFlexItem)`
   min-width: 77px;
 `;
 
+SignatureFlexItem.displayName = 'SignatureFlexItem';
+
 // Ref: https://github.com/elastic/eui/issues/1655
 // const Badge = styled(EuiBadge)`
 //   vertical-align: top;
 // `;
 const Badge = (props: EuiBadgeProps) => <EuiBadge {...props} style={{ verticalAlign: 'top' }} />;
 
+Badge.displayName = 'Badge';
+
 const LinkFlexItem = styled(EuiFlexItem)`
   margin-left: 6px;
 `;
 
+LinkFlexItem.displayName = 'LinkFlexItem';
+
 export const Tokens = pure<{ tokens: string[] }>(({ tokens }) => (
   <>
     {tokens.map(token => (
@@ -49,6 +55,8 @@ export const Tokens = pure<{ tokens: string[] }>(({ tokens }) => (
   </>
 ));
 
+Tokens.displayName = 'Tokens';
+
 export const DraggableSignatureId = pure<{ id: string; signatureId: number }>(
   ({ id, signatureId }) => (
     <SignatureFlexItem grow={false}>
@@ -87,6 +95,8 @@ export const DraggableSignatureId = pure<{ id: string; signatureId: number }>(
   )
 );
 
+DraggableSignatureId.displayName = 'DraggableSignatureId';
+
 export const SuricataSignature = pure<{
   contextId: string;
   id: string;
@@ -120,3 +130,5 @@ export const SuricataSignature = pure<{
     </EuiFlexGroup>
   );
 });
+
+SuricataSignature.displayName = 'SuricataSignature';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/auth_ssh.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/auth_ssh.test.tsx.snap
index bf4151ee68b98..b7668fe27eca8 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/auth_ssh.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/auth_ssh.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`AuthSsh rendering it renders against shallow snapshot 1`] = `
 <Component>
-  <pure(Component)
+  <AuthSsh
     contextId="[context-123]"
     eventId="[event-123]"
     sshMethod="[ssh-method]"
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/generic_file_details.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/generic_file_details.test.tsx.snap
index bab33ac540d81..9d3a4c1c242f6 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/generic_file_details.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/generic_file_details.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`SystemGenericFileDetails rendering it renders the default SystemGenericDetails 1`] = `
 <Component>
-  <pure(Component)
+  <SystemGenericFileDetails
     browserFields={Object {}}
     contextId="[contextid-123]"
     data={
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/generic_row_renderer.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/generic_row_renderer.test.tsx.snap
index d6bd28ebdef70..1afcc8a71c69f 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/generic_row_renderer.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/__snapshots__/generic_row_renderer.test.tsx.snap
@@ -2,14 +2,14 @@
 
 exports[`GenericRowRenderer #createGenericFileRowRenderer renders correctly against snapshot 1`] = `
 <span>
-  <styled.div>
+  <Row>
     <span>
       some children
     </span>
-    <styled.div
+    <RowRendererContainer
       width={100}
     >
-      <pure(Component)
+      <SystemGenericFileDetails
         browserFields={Object {}}
         contextId="user_login"
         data={
@@ -98,21 +98,21 @@ exports[`GenericRowRenderer #createGenericFileRowRenderer renders correctly agai
         }
         text="some text"
       />
-    </styled.div>
-  </styled.div>
+    </RowRendererContainer>
+  </Row>
 </span>
 `;
 
 exports[`GenericRowRenderer #createGenericSystemRowRenderer renders correctly against snapshot 1`] = `
 <span>
-  <styled.div>
+  <Row>
     <span>
       some children
     </span>
-    <styled.div
+    <RowRendererContainer
       width={100}
     >
-      <pure(Component)
+      <SystemGenericDetails
         browserFields={Object {}}
         contextId="process_started"
         data={
@@ -201,7 +201,7 @@ exports[`GenericRowRenderer #createGenericSystemRowRenderer renders correctly ag
         }
         text="some text"
       />
-    </styled.div>
-  </styled.div>
+    </RowRendererContainer>
+  </Row>
 </span>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/auth_ssh.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/auth_ssh.tsx
index c4fc19a6c50e5..0c637c0ee7193 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/auth_ssh.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/auth_ssh.tsx
@@ -43,3 +43,5 @@ export const AuthSsh = pure<Props>(({ contextId, eventId, sshSignature, sshMetho
     )}
   </>
 ));
+
+AuthSsh.displayName = 'AuthSsh';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_details.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_details.tsx
index 6e97f0c267d11..876e8e9b02b30 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_details.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_details.tsx
@@ -126,6 +126,8 @@ export const SystemGenericLine = pure<Props>(
   )
 );
 
+SystemGenericLine.displayName = 'SystemGenericLine';
+
 interface GenericDetailsProps {
   browserFields: BrowserFields;
   data: Ecs;
@@ -174,3 +176,5 @@ export const SystemGenericDetails = pure<GenericDetailsProps>(({ data, contextId
     </Details>
   );
 });
+
+SystemGenericDetails.displayName = 'SystemGenericDetails';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_file_details.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_file_details.tsx
index 361224644fca2..6fc46e468f51e 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_file_details.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/generic_file_details.tsx
@@ -132,6 +132,8 @@ export const SystemGenericFileLine = pure<Props>(
   )
 );
 
+SystemGenericFileLine.displayName = 'SystemGenericFileLine';
+
 interface GenericDetailsProps {
   browserFields: BrowserFields;
   data: Ecs;
@@ -185,3 +187,5 @@ export const SystemGenericFileDetails = pure<GenericDetailsProps>(({ data, conte
     </Details>
   );
 });
+
+SystemGenericFileDetails.displayName = 'SystemGenericFileDetails';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/package.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/package.tsx
index dffa28b0d0ecb..dbcd8de7292f0 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/package.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/system/package.tsx
@@ -56,3 +56,5 @@ export const Package = pure<Props>(
     }
   }
 );
+
+Package.displayName = 'Package';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/user_host_working_dir.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/user_host_working_dir.tsx
index b0865f46a73c8..076dbbf324766 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/user_host_working_dir.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/user_host_working_dir.tsx
@@ -46,3 +46,5 @@ export const UserHostWorkingDir = pure<Props>(
       </>
     ) : null
 );
+
+UserHostWorkingDir.displayName = 'UserHostWorkingDir';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/__snapshots__/zeek_row_renderer.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/__snapshots__/zeek_row_renderer.test.tsx.snap
index 6c6683c12f505..3806daec4d41a 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/__snapshots__/zeek_row_renderer.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/__snapshots__/zeek_row_renderer.test.tsx.snap
@@ -2,14 +2,14 @@
 
 exports[`zeek_row_renderer renders correctly against snapshot 1`] = `
 <span>
-  <styled.div>
+  <Row>
     <span>
       some children
     </span>
-    <styled.div
+    <RowRendererContainer
       width={100}
     >
-      <pure(Component)
+      <ZeekDetails
         browserFields={
           Object {
             "agent": Object {
@@ -459,7 +459,7 @@ exports[`zeek_row_renderer renders correctly against snapshot 1`] = `
           }
         }
       />
-    </styled.div>
-  </styled.div>
+    </RowRendererContainer>
+  </Row>
 </span>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_details.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_details.tsx
index e5bd7757ce757..ca972ec67582f 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_details.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_details.tsx
@@ -19,6 +19,8 @@ const Details = styled.div`
   margin: 10px 0;
 `;
 
+Details.displayName = 'Details';
+
 export const ZeekDetails = pure<{ browserFields: BrowserFields; data: Ecs }>(({ data }) =>
   data.zeek != null ? (
     <Details>
@@ -28,3 +30,5 @@ export const ZeekDetails = pure<{ browserFields: BrowserFields; data: Ecs }>(({
     </Details>
   ) : null
 );
+
+ZeekDetails.displayName = 'ZeekDetails';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_signature.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_signature.tsx
index 4c827522cdc31..ca71e45348d3b 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_signature.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/renderers/zeek/zeek_signature.tsx
@@ -26,14 +26,20 @@ import * as i18n from './translations';
 // `;
 const Badge = (props: EuiBadgeProps) => <EuiBadge {...props} style={{ verticalAlign: 'top' }} />;
 
+Badge.displayName = 'Badge';
+
 const TokensFlexItem = styled(EuiFlexItem)`
   margin-left: 3px;
 `;
 
+TokensFlexItem.displayName = 'TokensFlexItem';
+
 const LinkFlexItem = styled(EuiFlexItem)`
   margin-left: 6px;
 `;
 
+LinkFlexItem.displayName = 'LinkFlexItem';
+
 type StringRenderer = (value: string) => string;
 
 export const defaultStringRenderer: StringRenderer = (value: string) => value;
@@ -98,6 +104,8 @@ export const DraggableZeekElement = pure<{
   ) : null
 );
 
+DraggableZeekElement.displayName = 'DraggableZeekElement';
+
 export const Link = pure<{ value: string | null | undefined; link?: string | null }>(
   ({ value, link }) => {
     if (value != null) {
@@ -126,6 +134,8 @@ export const Link = pure<{ value: string | null | undefined; link?: string | nul
   }
 );
 
+Link.displayName = 'Link';
+
 export const TotalVirusLinkSha = pure<{ value: string | null | undefined }>(({ value }) =>
   value != null ? (
     <LinkFlexItem grow={false}>
@@ -137,6 +147,8 @@ export const TotalVirusLinkSha = pure<{ value: string | null | undefined }>(({ v
   ) : null
 );
 
+TotalVirusLinkSha.displayName = 'TotalVirusLinkSha';
+
 // English Text for these codes are shortened from
 // https://docs.zeek.org/en/stable/scripts/base/protocols/conn/main.bro.html
 export const zeekConnLogDictionay: Readonly<Record<string, string>> = {
@@ -252,3 +264,5 @@ export const ZeekSignature = pure<{ data: Ecs }>(({ data }) => {
     </>
   );
 });
+
+ZeekSignature.displayName = 'ZeekSignature';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/body/sort/sort_indicator.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/body/sort/sort_indicator.tsx
index e96f6bb600f5b..d9b642c5188ec 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/body/sort/sort_indicator.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/body/sort/sort_indicator.tsx
@@ -41,3 +41,5 @@ interface Props {
 export const SortIndicator = pure<Props>(({ sortDirection }) => (
   <EuiIcon data-test-subj="sortIndicator" type={getDirection(sortDirection) || 'empty'} />
 ));
+
+SortIndicator.displayName = 'SortIndicator';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/__snapshots__/providers.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/__snapshots__/providers.test.tsx.snap
index 297c9bb64b35c..313538306655f 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/__snapshots__/providers.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/__snapshots__/providers.test.tsx.snap
@@ -4,7 +4,7 @@ exports[`Providers rendering renders correctly against snapshot 1`] = `
 <Component
   droppableId="unitTest"
 >
-  <pure(Component)
+  <Providers
     browserFields={Object {}}
     dataProviders={
       Array [
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/empty.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/empty.tsx
index accba7f05cbe5..6525d97e0c8fc 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/empty.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/empty.tsx
@@ -20,6 +20,8 @@ const Text = styled(EuiText)`
   white-space: nowrap;
 `;
 
+Text.displayName = 'Text';
+
 // Ref: https://github.com/elastic/eui/issues/1655
 // const BadgeHighlighted = styled(EuiBadge)`
 //   height: 20px;
@@ -39,6 +41,8 @@ const BadgeHighlighted = (props: EuiBadgeProps) => (
   />
 );
 
+BadgeHighlighted.displayName = 'BadgeHighlighted';
+
 const EmptyContainer = styled.div<{ showSmallMsg: boolean }>`
   width: ${props => (props.showSmallMsg ? '60px' : 'auto')}
   align-items: center;
@@ -62,12 +66,16 @@ const EmptyContainer = styled.div<{ showSmallMsg: boolean }>`
   `}
 `;
 
+EmptyContainer.displayName = 'EmptyContainer';
+
 const NoWrap = styled.div`
   align-items: center;
   display: flex;
   flex-direction: row;
   flex-wrap: no-wrap;
 `;
+
+NoWrap.displayName = 'NoWrap';
 interface Props {
   showSmallMsg?: boolean;
 }
@@ -103,3 +111,5 @@ export const Empty = pure<Props>(({ showSmallMsg = false }) => (
     {showSmallMsg && <AndOrBadge type="or" />}
   </EmptyContainer>
 ));
+
+Empty.displayName = 'Empty';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/index.tsx
index f505c0db67df4..fa827f3452e67 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/index.tsx
@@ -51,6 +51,8 @@ const DropTargetDataProviders = styled.div`
   background-color: ${props => props.theme.eui.euiFormBackgroundColor};
 `;
 
+DropTargetDataProviders.displayName = 'DropTargetDataProviders';
+
 const getDroppableId = (id: string): string => `${droppableTimelineProvidersPrefix}${id}`;
 
 /**
@@ -108,3 +110,5 @@ export const DataProviders = pure<Props>(
     </DropTargetDataProviders>
   )
 );
+
+DataProviders.displayName = 'DataProviders';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider.tsx
index 15e994f5f576b..7b573b19e2fd4 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider.tsx
@@ -29,3 +29,5 @@ export const Provider = pure<OwnProps>(({ dataProvider }) => (
     operator={dataProvider.queryMatch.operator || IS_OPERATOR}
   />
 ));
+
+Provider.displayName = 'Provider';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_badge.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_badge.tsx
index 415271f9fb473..b3318225bb271 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_badge.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_badge.tsx
@@ -37,6 +37,8 @@ const ProviderBadgeStyled = styled(EuiBadge)`
   }
 `;
 
+ProviderBadgeStyled.displayName = 'ProviderBadgeStyled';
+
 interface ProviderBadgeProps {
   deleteProvider: () => void;
   field: string;
@@ -104,3 +106,5 @@ export const ProviderBadge = pure<ProviderBadgeProps>(
     );
   }
 );
+
+ProviderBadge.displayName = 'ProviderBadge';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_actions.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_actions.tsx
index bd5956e63b1cc..ee9e5f2af654a 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_actions.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_actions.tsx
@@ -46,6 +46,8 @@ const MyEuiPopover = styled(EuiPopover)`
   user-select: none;
 `;
 
+MyEuiPopover.displayName = 'MyEuiPopover';
+
 export const getProviderActions = ({
   andProviderId,
   browserFields,
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_and_drag_drop.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_and_drag_drop.tsx
index bb92d617cc38b..f44aae9ed1a6e 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_and_drag_drop.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/provider_item_and_drag_drop.tsx
@@ -29,6 +29,8 @@ const DropAndTargetDataProvidersContainer = styled(EuiFlexItem)`
   margin: 0px 8px;
 `;
 
+DropAndTargetDataProvidersContainer.displayName = 'DropAndTargetDataProvidersContainer';
+
 const DropAndTargetDataProviders = styled.div<{ hasAndItem: boolean }>`
   min-width: 230px;
   width: auto;
@@ -49,6 +51,8 @@ const DropAndTargetDataProviders = styled.div<{ hasAndItem: boolean }>`
   cursor: ${({ hasAndItem }) => (!hasAndItem ? `default` : 'inherit')};
 `;
 
+DropAndTargetDataProviders.displayName = 'DropAndTargetDataProviders';
+
 // Ref: https://github.com/elastic/eui/issues/1655
 // const NumberProviderAndBadge = styled(EuiBadge)`
 //   margin: 0px 5px;
@@ -57,6 +61,8 @@ const NumberProviderAndBadge = (props: EuiBadgeProps) => (
   <EuiBadge {...props} style={{ margin: '0px 5px' }} />
 );
 
+NumberProviderAndBadge.displayName = 'NumberProviderAndBadge';
+
 interface ProviderItemDropProps {
   browserFields: BrowserFields;
   dataProvider: DataProvider;
@@ -124,3 +130,5 @@ export const ProviderItemAndDragDrop = pure<ProviderItemDropProps>(
     );
   }
 );
+
+ProviderItemAndDragDrop.displayName = 'ProviderItemAndDragDrop';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/providers.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/providers.tsx
index 87c997235e4f4..ac0f9bbe9c878 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/providers.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/providers.tsx
@@ -56,21 +56,29 @@ const PanelProviders = styled.div`
   justify-content: flex-start;
 `;
 
+PanelProviders.displayName = 'PanelProviders';
+
 const PanelProvidersGroupContainer = styled(EuiFlexGroup)`
   position: relative;
   flex-grow: unset;
 `;
 
+PanelProvidersGroupContainer.displayName = 'PanelProvidersGroupContainer';
+
 /** A row of data providers in the timeline drop zone */
 const PanelProviderGroupContainer = styled(EuiFlexGroup)`
   height: ${ROW_OF_DATA_PROVIDERS_HEIGHT}px;
   margin: 5px 0px;
 `;
 
+PanelProviderGroupContainer.displayName = 'PanelProviderGroupContainer';
+
 const PanelProviderItemContainer = styled(EuiFlexItem)`
   position: relative;
 `;
 
+PanelProviderItemContainer.displayName = 'PanelProviderItemContainer';
+
 const TimelineEuiFormHelpText = styled(EuiFormHelpText)`
   padding-top: 0px;
   position: absolute;
@@ -78,6 +86,8 @@ const TimelineEuiFormHelpText = styled(EuiFormHelpText)`
   left: 5px;
 `;
 
+TimelineEuiFormHelpText.displayName = 'TimelineEuiFormHelpText';
+
 interface GetDraggableIdParams {
   id: string;
   dataProviderId: string;
@@ -197,3 +207,5 @@ export const Providers = pure<Props>(
     </PanelProviders>
   )
 );
+
+Providers.displayName = 'Providers';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/expandable_event/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/expandable_event/index.tsx
index 1e93cc2e43d0f..07ad7e99a2164 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/expandable_event/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/expandable_event/index.tsx
@@ -26,6 +26,8 @@ const ExpandableDetails = styled.div<{ hideExpandButton: boolean; width?: number
         : ''};
 `;
 
+ExpandableDetails.displayName = 'ExpandableDetails';
+
 interface Props {
   browserFields: BrowserFields;
   id: string;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/footer/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/timeline/footer/__snapshots__/index.test.tsx.snap
index 1753df5d2a277..594f15929b749 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/footer/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/footer/__snapshots__/index.test.tsx.snap
@@ -2,14 +2,14 @@
 
 exports[`Footer Timeline Component rendering it renders the default timeline footer 1`] = `
 <Fragment>
-  <Styled(EuiFlexGroup)
+  <FooterContainer
     data-test-subj="timeline-footer"
     direction="column"
     gutterSize="none"
     height={100}
     justifyContent="spaceAround"
   >
-    <Styled(EuiFlexGroup)
+    <FooterFlexGroup
       alignItems="center"
       data-test-subj="footer-flex-group"
       direction="row"
@@ -26,7 +26,7 @@ exports[`Footer Timeline Component rendering it renders the default timeline foo
           direction="row"
           gutterSize="none"
         >
-          <pure(Component)
+          <EventsCount
             closePopover={[Function]}
             isOpen={false}
             items={
@@ -75,7 +75,7 @@ exports[`Footer Timeline Component rendering it renders the default timeline foo
         data-test-subj="paging-control-container"
         grow={false}
       >
-        <pure(Component)
+        <PagingControl
           data-test-subj="paging-control"
           hasNextPage={true}
           isLoading={false}
@@ -86,7 +86,7 @@ exports[`Footer Timeline Component rendering it renders the default timeline foo
         data-test-subj="last-updated-container"
         grow={false}
       >
-        <styled.div
+        <FixedWidthLastUpdated
           compact={true}
           data-test-subj="fixed-width-last-updated"
         >
@@ -94,9 +94,9 @@ exports[`Footer Timeline Component rendering it renders the default timeline foo
             compact={true}
             updatedAt={1546878704036}
           />
-        </styled.div>
+        </FixedWidthLastUpdated>
       </EuiFlexItem>
-    </Styled(EuiFlexGroup)>
-  </Styled(EuiFlexGroup)>
+    </FooterFlexGroup>
+  </FooterContainer>
 </Fragment>
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/footer/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/footer/index.tsx
index 30a38c1c524c4..f19e6e334226d 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/footer/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/footer/index.tsx
@@ -34,29 +34,41 @@ const FixedWidthLastUpdated = styled.div<{ compact: boolean }>`
   text-align: end;
 `;
 
+FixedWidthLastUpdated.displayName = 'FixedWidthLastUpdated';
+
 const FooterContainer = styled(EuiFlexGroup)<{ height: number }>`
   height: ${({ height }) => height}px;
 `;
 
+FooterContainer.displayName = 'FooterContainer';
+
 const FooterFlexGroup = styled(EuiFlexGroup)`
   height: 35px;
   width: 100%;
 `;
 
+FooterFlexGroup.displayName = 'FooterFlexGroup';
+
 const LoadingPanelContainer = styled.div`
   padding-top: 3px;
 `;
 
+LoadingPanelContainer.displayName = 'LoadingPanelContainer';
+
 const PopoverRowItems = styled(EuiPopover)`
   .euiButtonEmpty__content {
     padding: 0px 0px;
   }
 `;
 
+PopoverRowItems.displayName = 'PopoverRowItems';
+
 export const ServerSideEventCount = styled.div`
   margin: 0 5px 0 5px;
 `;
 
+ServerSideEventCount.displayName = 'ServerSideEventCount';
+
 /** The height of the footer, exported for use in height calculations */
 export const footerHeight = 40; // px
 
@@ -128,6 +140,8 @@ export const EventsCount = pure<{
   </h5>
 ));
 
+EventsCount.displayName = 'EventsCount';
+
 export const PagingControl = pure<{
   hasNextPage: boolean;
   isLoading: boolean;
@@ -147,6 +161,8 @@ export const PagingControl = pure<{
   </>
 ));
 
+PagingControl.displayName = 'PagingControl';
+
 /** Renders a loading indicator and paging controls */
 export class Footer extends React.PureComponent<FooterProps, FooterState> {
   public readonly state = {
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/footer/last_updated.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/footer/last_updated.tsx
index 4e9f6a7195767..0953341fe8a90 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/footer/last_updated.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/footer/last_updated.tsx
@@ -35,6 +35,8 @@ export const Updated = pure<{ date: number; prefix: string; updatedAt: number }>
   )
 );
 
+Updated.displayName = 'Updated';
+
 export class LastUpdatedAt extends React.PureComponent<LastUpdatedAtProps, LastUpdatedAtState> {
   public readonly state = {
     date: Date.now(),
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/header/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/header/index.tsx
index ca870304a7fb8..f4c893d6b2d0e 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/header/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/header/index.tsx
@@ -46,6 +46,8 @@ const TimelineHeaderContainer = styled.div`
   width: 100%;
 `;
 
+TimelineHeaderContainer.displayName = 'TimelineHeaderContainer';
+
 export const TimelineHeader = pure<Props>(
   ({
     browserFields,
@@ -87,3 +89,5 @@ export const TimelineHeader = pure<Props>(
     </TimelineHeaderContainer>
   )
 );
+
+TimelineHeader.displayName = 'TimelineHeader';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/properties/helpers.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/properties/helpers.tsx
index 978e59b84f85d..9ab250b32777f 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/properties/helpers.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/properties/helpers.tsx
@@ -48,6 +48,8 @@ const NotesCountBadge = (props: EuiBadgeProps) => (
   <EuiBadge {...props} style={{ marginLeft: '5px' }} />
 );
 
+NotesCountBadge.displayName = 'NotesCountBadge';
+
 type CreateTimeline = ({ id, show }: { id: string; show?: boolean }) => void;
 type UpdateIsFavorite = ({ id, isFavorite }: { id: string; isFavorite: boolean }) => void;
 type UpdateTitle = ({ id, title }: { id: string; title: string }) => void;
@@ -75,6 +77,8 @@ export const StarIcon = pure<{
   </div>
 ));
 
+StarIcon.displayName = 'StarIcon';
+
 export const Description = pure<{
   description: string;
   timelineId: string;
@@ -95,6 +99,8 @@ export const Description = pure<{
   </EuiToolTip>
 ));
 
+Description.displayName = 'Description';
+
 export const Name = pure<{ timelineId: string; title: string; updateTitle: UpdateTitle }>(
   ({ timelineId, title, updateTitle }) => (
     <EuiToolTip data-test-subj="timeline-title-tool-tip" content={i18n.TITLE}>
@@ -110,6 +116,8 @@ export const Name = pure<{ timelineId: string; title: string; updateTitle: Updat
   )
 );
 
+Name.displayName = 'Name';
+
 export const NewTimeline = pure<{
   createTimeline: CreateTimeline;
   onClosePopover: () => void;
@@ -129,6 +137,8 @@ export const NewTimeline = pure<{
   </EuiButtonEmpty>
 ));
 
+NewTimeline.displayName = 'NewTimeline';
+
 interface NotesButtonProps {
   animate?: boolean;
   associateNote: AssociateNote;
@@ -153,6 +163,8 @@ const NotesIcon = pure<{ count: number }>(({ count }) => (
   />
 ));
 
+NotesIcon.displayName = 'NotesIcon';
+
 const LargeNotesButton = pure<{ noteIds: string[]; text?: string; toggleShowNotes: () => void }>(
   ({ noteIds, text, toggleShowNotes }) => (
     <EuiButton
@@ -177,6 +189,8 @@ const LargeNotesButton = pure<{ noteIds: string[]; text?: string; toggleShowNote
   )
 );
 
+LargeNotesButton.displayName = 'LargeNotesButton';
+
 const SmallNotesButton = pure<{ noteIds: string[]; toggleShowNotes: () => void }>(
   ({ noteIds, toggleShowNotes }) => (
     <SmallNotesButtonContainer
@@ -189,6 +203,8 @@ const SmallNotesButton = pure<{ noteIds: string[]; toggleShowNotes: () => void }
   )
 );
 
+SmallNotesButton.displayName = 'SmallNotesButton';
+
 /**
  * The internal implementation of the `NotesButton`
  */
@@ -229,6 +245,8 @@ const NotesButtonComponent = pure<NotesButtonProps>(
   )
 );
 
+NotesButtonComponent.displayName = 'NotesButtonComponent';
+
 export const NotesButton = pure<NotesButtonProps>(
   ({
     animate = true,
@@ -270,3 +288,5 @@ export const NotesButton = pure<NotesButtonProps>(
       </EuiToolTip>
     )
 );
+
+NotesButton.displayName = 'NotesButton';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/properties/index.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/properties/index.tsx
index 3f6b971f6e97a..5e1dd3363940b 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/properties/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/properties/index.tsx
@@ -55,19 +55,27 @@ const Avatar = styled(EuiAvatar)`
   margin-left: 5px;
 `;
 
+Avatar.displayName = 'Avatar';
+
 const DescriptionPopoverMenuContainer = styled.div`
   margin-top: 15px;
 `;
 
+DescriptionPopoverMenuContainer.displayName = 'DescriptionPopoverMenuContainer';
+
 const SettingsIcon = styled(EuiIcon)`
   margin-left: 4px;
   cursor: pointer;
 `;
 
+SettingsIcon.displayName = 'SettingsIcon';
+
 const HiddenFlexItem = styled(EuiFlexItem)`
   display: none;
 `;
 
+HiddenFlexItem.displayName = 'HiddenFlexItem';
+
 interface Props {
   associateNote: AssociateNote;
   createTimeline: CreateTimeline;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/properties/styles.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/properties/styles.tsx
index 46b8369de338a..369dff795dc50 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/properties/styles.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/properties/styles.tsx
@@ -21,6 +21,8 @@ export const TimelineProperties = styled.div<{ width: number }>`
   width: ${({ width }) => `${width}px`};
 `;
 
+TimelineProperties.displayName = 'TimelineProperties';
+
 export const DatePicker = styled(EuiFlexItem)<{ width: number }>`
   width: ${({ width }) => `${width}px`};
   .euiSuperDatePicker__flexWrapper {
@@ -29,43 +31,61 @@ export const DatePicker = styled(EuiFlexItem)<{ width: number }>`
   }
 `;
 
+DatePicker.displayName = 'DatePicker';
+
 export const NameField = styled(EuiFieldText)`
   width: 150px;
   margin-right: 5px;
 `;
 
+NameField.displayName = 'NameField';
+
 export const DescriptionContainer = styled.div`
   animation: ${fadeInEffect} 0.3s;
   margin-right: 5px;
   min-width: 150px;
 `;
 
+DescriptionContainer.displayName = 'DescriptionContainer';
+
 export const SmallNotesButtonContainer = styled.div`
   cursor: pointer;
   width: 35px;
 `;
 
+SmallNotesButtonContainer.displayName = 'SmallNotesButtonContainer';
+
 export const ButtonContainer = styled.div<{ animate: boolean }>`
   animation: ${fadeInEffect} ${({ animate }) => (animate ? '0.3s' : '0s')};
 `;
 
+ButtonContainer.displayName = 'ButtonContainer';
+
 export const LabelText = styled.div`
   margin-left: 10px;
 `;
 
+LabelText.displayName = 'LabelText';
+
 export const StyledStar = styled(EuiIcon)`
   margin-right: 5px;
   cursor: pointer;
 `;
 
+StyledStar.displayName = 'StyledStar';
+
 export const PropertiesLeft = styled(EuiFlexGroup)`
   width: 100%;
 `;
 
+PropertiesLeft.displayName = 'PropertiesLeft';
+
 export const PropertiesRight = styled(EuiFlexGroup)`
   margin-right: 5px;
 `;
 
+PropertiesRight.displayName = 'PropertiesRight';
+
 export const Facet = styled.div`
   align-items: center;
   display: inline-flex;
@@ -82,6 +102,10 @@ export const Facet = styled.div`
   user-select: none;
 `;
 
+Facet.displayName = 'Facet';
+
 export const LockIconContainer = styled(EuiFlexItem)`
   margin-right: 2px;
 `;
+
+LockIconContainer.displayName = 'LockIconContainer';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/helpers.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/helpers.tsx
index 44035b5ffb2c1..c9b1a3ced6e93 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/helpers.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/helpers.tsx
@@ -18,6 +18,8 @@ const AndOrContainer = styled.div`
   top: -1px;
 `;
 
+AndOrContainer.displayName = 'AndOrContainer';
+
 interface ModeProperties {
   mode: KqlMode;
   description: string;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/search_or_filter.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/search_or_filter.tsx
index 7b790266b572b..9c79f48a65121 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/search_or_filter.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/search_or_filter/search_or_filter.tsx
@@ -44,10 +44,14 @@ const SearchOrFilterContainer = styled.div`
   user-select: none;
 `;
 
+SearchOrFilterContainer.displayName = 'SearchOrFilterContainer';
+
 const ModeFlexItem = styled(EuiFlexItem)`
   user-select: none;
 `;
 
+ModeFlexItem.displayName = 'ModeFlexItem';
+
 export const SearchOrFilter = pure<Props>(
   ({
     applyKqlFilterQuery,
@@ -96,3 +100,5 @@ export const SearchOrFilter = pure<Props>(
     </SearchOrFilterContainer>
   )
 );
+
+SearchOrFilter.displayName = 'SearchOrFilter';
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/timeline.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/timeline.tsx
index 006b84a1af9a3..e416a78121716 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/timeline.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/timeline.tsx
@@ -41,6 +41,8 @@ const WrappedByAutoSizer = styled.div`
   width: 100%;
 `; // required by AutoSizer
 
+WrappedByAutoSizer.displayName = 'WrappedByAutoSizer';
+
 const TimelineContainer = styled(EuiFlexGroup)`
   min-height: 500px;
   overflow: hidden;
@@ -49,6 +51,8 @@ const TimelineContainer = styled(EuiFlexGroup)`
   width: 100%;
 `;
 
+TimelineContainer.displayName = 'TimelineContainer';
+
 interface Props {
   browserFields: BrowserFields;
   columns: ColumnHeader[];
@@ -205,3 +209,5 @@ export const Timeline = pure<Props>(
     );
   }
 );
+
+Timeline.displayName = 'Timeline';
diff --git a/x-pack/legacy/plugins/siem/public/components/toasters/__snapshots__/modal_all_errors.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/toasters/__snapshots__/modal_all_errors.test.tsx.snap
index 7e4c94e9c0fe7..c323300c6f222 100644
--- a/x-pack/legacy/plugins/siem/public/components/toasters/__snapshots__/modal_all_errors.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/toasters/__snapshots__/modal_all_errors.test.tsx.snap
@@ -29,9 +29,9 @@ exports[`Modal all errors rendering it renders the default all errors modal when
         key="id-super-id-0"
         paddingSize="none"
       >
-        <Styled(EuiCodeBlock)>
+        <MyEuiCodeBlock>
           Error 1, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-        </Styled(EuiCodeBlock)>
+        </MyEuiCodeBlock>
       </EuiAccordion>
     </EuiModalBody>
     <EuiModalFooter>
diff --git a/x-pack/legacy/plugins/siem/public/components/toasters/index.tsx b/x-pack/legacy/plugins/siem/public/components/toasters/index.tsx
index 8301d6939c6d7..27d59d429913c 100644
--- a/x-pack/legacy/plugins/siem/public/components/toasters/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/toasters/index.tsx
@@ -120,3 +120,5 @@ const formatToErrorToastIfNeeded = (
 const ErrorToastContainer = styled.div`
   text-align: right;
 `;
+
+ErrorToastContainer.displayName = 'ErrorToastContainer';
diff --git a/x-pack/legacy/plugins/siem/public/components/toasters/modal_all_errors.tsx b/x-pack/legacy/plugins/siem/public/components/toasters/modal_all_errors.tsx
index 20e4b80983851..dfbf09e555a76 100644
--- a/x-pack/legacy/plugins/siem/public/components/toasters/modal_all_errors.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/toasters/modal_all_errors.tsx
@@ -66,3 +66,5 @@ export const ModalAllErrors = ({ isShowing, toast, toggle }: FullErrorProps) =>
 const MyEuiCodeBlock = styled(EuiCodeBlock)`
   margin-top: 4px;
 `;
+
+MyEuiCodeBlock.displayName = 'MyEuiCodeBlock';
diff --git a/x-pack/legacy/plugins/siem/public/components/truncatable_text/index.tsx b/x-pack/legacy/plugins/siem/public/components/truncatable_text/index.tsx
index 38a4e56f8774a..7cf91ce35cd43 100644
--- a/x-pack/legacy/plugins/siem/public/components/truncatable_text/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/truncatable_text/index.tsx
@@ -20,3 +20,5 @@ export const TruncatableText = styled(EuiText)<{ width: string }>`
   white-space: nowrap;
   width: ${({ width }) => width};
 `;
+
+TruncatableText.displayName = 'TruncatableText';
diff --git a/x-pack/legacy/plugins/siem/public/components/url_state/__snapshots__/index.test.tsx.snap b/x-pack/legacy/plugins/siem/public/components/url_state/__snapshots__/index.test.tsx.snap
index 34b1175bcb2fc..27725782d7ff8 100644
--- a/x-pack/legacy/plugins/siem/public/components/url_state/__snapshots__/index.test.tsx.snap
+++ b/x-pack/legacy/plugins/siem/public/components/url_state/__snapshots__/index.test.tsx.snap
@@ -449,7 +449,7 @@ exports[`UrlStateContainer mounts and renders 1`] = `
                               }
                             }
                           >
-                            <UrlStateContainer
+                            <Component
                               history={
                                 Object {
                                   "action": "POP",
@@ -587,7 +587,7 @@ exports[`UrlStateContainer mounts and renders 1`] = `
                               }
                             >
                               <span />
-                            </UrlStateContainer>
+                            </Component>
                           </Connect(UrlStateContainer)>
                         </Route>
                       </withRouter(Connect(UrlStateContainer))>
diff --git a/x-pack/legacy/plugins/siem/public/components/url_state/index.tsx b/x-pack/legacy/plugins/siem/public/components/url_state/index.tsx
index 23b02bdb90220..8bca86b8e04f3 100644
--- a/x-pack/legacy/plugins/siem/public/components/url_state/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/url_state/index.tsx
@@ -9,6 +9,7 @@ import { compose } from 'redux';
 import { connect } from 'react-redux';
 import { withRouter } from 'react-router-dom';
 
+import { isEqual } from 'lodash/fp';
 import {
   hostsModel,
   hostsSelectors,
@@ -23,10 +24,17 @@ import { CONSTANTS } from './constants';
 import { UrlStateContainerPropTypes, UrlStateProps, KqlQueryObject } from './types';
 import { useUrlStateHooks } from './use_url_state';
 
-export const UrlStateContainer = (props: UrlStateContainerPropTypes) => {
-  const { isInitializing } = useUrlStateHooks(props);
-  return props.children({ isInitializing });
-};
+export const UrlStateContainer = React.memo<UrlStateContainerPropTypes>(
+  props => {
+    const { isInitializing } = useUrlStateHooks(props);
+    return <>{props.children({ isInitializing })}</>;
+  },
+  (prevProps, nextProps) =>
+    prevProps.location.pathname === nextProps.location.pathname &&
+    isEqual(prevProps.urlState, nextProps.urlState)
+);
+
+UrlStateContainer.displayName = 'UrlStateContainer';
 
 const makeMapStateToProps = () => {
   const getInputsSelector = inputsSelectors.inputsSelector();
diff --git a/x-pack/legacy/plugins/siem/public/components/with_hover_actions/index.tsx b/x-pack/legacy/plugins/siem/public/components/with_hover_actions/index.tsx
index f467bb140920b..1d799f6cfa056 100644
--- a/x-pack/legacy/plugins/siem/public/components/with_hover_actions/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/with_hover_actions/index.tsx
@@ -37,12 +37,16 @@ const HoverActionsPanelContainer = styled.div`
   position: relative;
 `;
 
+HoverActionsPanelContainer.displayName = 'HoverActionsPanelContainer';
+
 const HoverActionsPanel = pure<{ children: JSX.Element; show: boolean }>(({ children, show }) => (
   <HoverActionsPanelContainer data-test-subj="hover-actions-panel-container">
     {show ? children : null}
   </HoverActionsPanelContainer>
 ));
 
+HoverActionsPanel.displayName = 'HoverActionsPanel';
+
 const WithHoverActionsContainer = styled.div`
   display: flex;
   flex-direction: row;
@@ -50,6 +54,8 @@ const WithHoverActionsContainer = styled.div`
   padding-right: 5px;
 `;
 
+WithHoverActionsContainer.displayName = 'WithHoverActionsContainer';
+
 /**
  * Decorates it's children with actions that are visible on hover.
  * This component does not enforce an opinion on the styling and
diff --git a/x-pack/legacy/plugins/siem/public/containers/hosts/filter.tsx b/x-pack/legacy/plugins/siem/public/containers/hosts/filter.tsx
index 72a1d3fc4a06b..a084a666b0a54 100644
--- a/x-pack/legacy/plugins/siem/public/containers/hosts/filter.tsx
+++ b/x-pack/legacy/plugins/siem/public/containers/hosts/filter.tsx
@@ -89,6 +89,8 @@ const HostsFilterComponent = pure<HostsFilterProps>(
   )
 );
 
+HostsFilterComponent.displayName = 'HostsFilterComponent';
+
 const makeMapStateToProps = () => {
   const getHostsFilterQueryDraft = hostsSelectors.hostsFilterQueryDraft();
   const getIsHostFilterQueryDraftValid = hostsSelectors.isHostFilterQueryDraftValid();
diff --git a/x-pack/legacy/plugins/siem/public/containers/ip_overview/index.tsx b/x-pack/legacy/plugins/siem/public/containers/ip_overview/index.tsx
index 515fb9b39af2b..685e5d8b00d07 100644
--- a/x-pack/legacy/plugins/siem/public/containers/ip_overview/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/containers/ip_overview/index.tsx
@@ -69,6 +69,8 @@ const IpOverviewComponentQuery = pure<IpOverviewProps & IpOverviewReduxProps>(
   )
 );
 
+IpOverviewComponentQuery.displayName = 'IpOverviewComponentQuery';
+
 const makeMapStateToProps = () => {
   const getQuery = inputsSelectors.globalQueryByIdSelector();
   const mapStateToProps = (state: State, { id = ID }: IpOverviewProps) => {
diff --git a/x-pack/legacy/plugins/siem/public/containers/kpi_host_details/index.tsx b/x-pack/legacy/plugins/siem/public/containers/kpi_host_details/index.tsx
index 7f6fa48b5df70..b133be32c2c8b 100644
--- a/x-pack/legacy/plugins/siem/public/containers/kpi_host_details/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/containers/kpi_host_details/index.tsx
@@ -70,6 +70,8 @@ const KpiHostDetailsComponentQuery = pure<QueryKpiHostDetailsProps & KpiHostDeta
   )
 );
 
+KpiHostDetailsComponentQuery.displayName = 'KpiHostDetailsComponentQuery';
+
 const makeMapStateToProps = () => {
   const getQuery = inputsSelectors.globalQueryByIdSelector();
   const mapStateToProps = (state: State, { id = ID }: QueryKpiHostDetailsProps) => {
diff --git a/x-pack/legacy/plugins/siem/public/containers/kpi_hosts/index.tsx b/x-pack/legacy/plugins/siem/public/containers/kpi_hosts/index.tsx
index 25a4674694058..3bc5d2f5864dd 100644
--- a/x-pack/legacy/plugins/siem/public/containers/kpi_hosts/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/containers/kpi_hosts/index.tsx
@@ -70,6 +70,8 @@ const KpiHostsComponentQuery = pure<KpiHostsProps & KpiHostsReducer>(
   )
 );
 
+KpiHostsComponentQuery.displayName = 'KpiHostsComponentQuery';
+
 const makeMapStateToProps = () => {
   const getQuery = inputsSelectors.globalQueryByIdSelector();
   const mapStateToProps = (state: State, { id = ID }: KpiHostsProps) => {
diff --git a/x-pack/legacy/plugins/siem/public/containers/kpi_network/index.tsx b/x-pack/legacy/plugins/siem/public/containers/kpi_network/index.tsx
index 92ef56a847463..d7e2bcfb874e4 100644
--- a/x-pack/legacy/plugins/siem/public/containers/kpi_network/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/containers/kpi_network/index.tsx
@@ -70,6 +70,8 @@ const KpiNetworkComponentQuery = pure<KpiNetworkProps & KpiNetworkReducer>(
   )
 );
 
+KpiNetworkComponentQuery.displayName = 'KpiNetworkComponentQuery';
+
 const makeMapStateToProps = () => {
   const getQuery = inputsSelectors.globalQueryByIdSelector();
   const mapStateToProps = (state: State, { id = ID }: KpiNetworkProps) => {
diff --git a/x-pack/legacy/plugins/siem/public/containers/network/filter.tsx b/x-pack/legacy/plugins/siem/public/containers/network/filter.tsx
index eedd5392f3681..c1fe7ad5f3874 100644
--- a/x-pack/legacy/plugins/siem/public/containers/network/filter.tsx
+++ b/x-pack/legacy/plugins/siem/public/containers/network/filter.tsx
@@ -89,6 +89,8 @@ const NetworkFilterComponent = pure<NetworkFilterProps>(
   )
 );
 
+NetworkFilterComponent.displayName = 'NetworkFilterComponent';
+
 const makeMapStateToProps = () => {
   const getNetworkFilterQueryDraft = networkSelectors.networkFilterQueryDraft();
   const getIsNetworkFilterQueryDraftValid = networkSelectors.isNetworkFilterQueryDraftValid();
diff --git a/x-pack/legacy/plugins/siem/public/containers/overview/overview_host/index.tsx b/x-pack/legacy/plugins/siem/public/containers/overview/overview_host/index.tsx
index ac8c288c38f12..7116aac9cd0d0 100644
--- a/x-pack/legacy/plugins/siem/public/containers/overview/overview_host/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/containers/overview/overview_host/index.tsx
@@ -72,6 +72,8 @@ const OverviewHostComponentQuery = pure<OverviewHostProps & OverviewHostReducer>
   )
 );
 
+OverviewHostComponentQuery.displayName = 'OverviewHostComponentQuery';
+
 const makeMapStateToProps = () => {
   const getQuery = inputsSelectors.globalQueryByIdSelector();
   const mapStateToProps = (state: State, { id = ID }: OverviewHostProps) => {
diff --git a/x-pack/legacy/plugins/siem/public/containers/overview/overview_network/index.tsx b/x-pack/legacy/plugins/siem/public/containers/overview/overview_network/index.tsx
index a20ae2e3d9bee..d2eff1a8da015 100644
--- a/x-pack/legacy/plugins/siem/public/containers/overview/overview_network/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/containers/overview/overview_network/index.tsx
@@ -73,6 +73,8 @@ export const OverviewNetworkComponentQuery = pure<OverviewNetworkProps & Overvie
   )
 );
 
+OverviewNetworkComponentQuery.displayName = 'OverviewNetworkComponentQuery';
+
 const makeMapStateToProps = () => {
   const getQuery = inputsSelectors.globalQueryByIdSelector();
   const mapStateToProps = (state: State, { id = ID }: OverviewNetworkProps) => {
diff --git a/x-pack/legacy/plugins/siem/public/lib/clipboard/with_copy_to_clipboard.tsx b/x-pack/legacy/plugins/siem/public/lib/clipboard/with_copy_to_clipboard.tsx
index f74f602cf3de3..226745ef47cfb 100644
--- a/x-pack/legacy/plugins/siem/public/lib/clipboard/with_copy_to_clipboard.tsx
+++ b/x-pack/legacy/plugins/siem/public/lib/clipboard/with_copy_to_clipboard.tsx
@@ -19,6 +19,8 @@ const WithCopyToClipboardContainer = styled.div`
   user-select: text;
 `;
 
+WithCopyToClipboardContainer.displayName = 'WithCopyToClipboardContainer';
+
 /**
  * Renders `children` with an adjacent icon that when clicked, copies `text` to
  * the clipboard and displays a confirmation toast
@@ -37,3 +39,5 @@ export const WithCopyToClipboard = pure<{ text: string; titleSummary?: string }>
     </WithCopyToClipboardContainer>
   )
 );
+
+WithCopyToClipboard.displayName = 'WithCopyToClipboard';
diff --git a/x-pack/legacy/plugins/siem/public/pages/404.tsx b/x-pack/legacy/plugins/siem/public/pages/404.tsx
index 5625075cf1c25..58a3c904b89a0 100644
--- a/x-pack/legacy/plugins/siem/public/pages/404.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/404.tsx
@@ -16,3 +16,5 @@ export const NotFoundPage = pure(() => (
     />
   </div>
 ));
+
+NotFoundPage.displayName = 'NotFoundPage';
diff --git a/x-pack/legacy/plugins/siem/public/pages/home/index.tsx b/x-pack/legacy/plugins/siem/public/pages/home/index.tsx
index 7295f3ff8e7e3..0540a72111648 100644
--- a/x-pack/legacy/plugins/siem/public/pages/home/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/home/index.tsx
@@ -36,6 +36,8 @@ const WrappedByAutoSizer = styled.div`
   height: 100%;
 `;
 
+WrappedByAutoSizer.displayName = 'WrappedByAutoSizer';
+
 const gutterTimeline = '70px'; // Temporary until timeline is moved - MichaelMarcialis
 
 const Page = styled(EuiPage)`
@@ -44,6 +46,8 @@ const Page = styled(EuiPage)`
   `}
 `;
 
+Page.displayName = 'Page';
+
 const NavGlobal = styled.nav`
   ${({ theme }) => `
     background: ${theme.eui.euiColorEmptyShade};
@@ -53,6 +57,8 @@ const NavGlobal = styled.nav`
   `}
 `;
 
+NavGlobal.displayName = 'NavGlobal';
+
 const usersViewing = ['elastic']; // TODO: get the users viewing this timeline from Elasticsearch (persistance)
 
 /** Returns true if we are running with the k7 design */
@@ -175,3 +181,5 @@ export const HomePage = pure(() => (
     )}
   </AutoSizer>
 ));
+
+HomePage.displayName = 'HomePage';
diff --git a/x-pack/legacy/plugins/siem/public/pages/hosts/host_details.tsx b/x-pack/legacy/plugins/siem/public/pages/hosts/host_details.tsx
index 271d490a003fd..4ad17a1ac58a3 100644
--- a/x-pack/legacy/plugins/siem/public/pages/hosts/host_details.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/hosts/host_details.tsx
@@ -315,6 +315,8 @@ const HostDetailsComponent = pure<HostDetailsComponentProps>(
   )
 );
 
+HostDetailsComponent.displayName = 'HostDetailsComponent';
+
 const makeMapStateToProps = () => {
   const getHostsFilterQuery = hostsSelectors.hostsFilterQueryExpression();
   return (state: State) => ({
diff --git a/x-pack/legacy/plugins/siem/public/pages/hosts/hosts.tsx b/x-pack/legacy/plugins/siem/public/pages/hosts/hosts.tsx
index 7040fd3dc609d..974563d44aaf2 100644
--- a/x-pack/legacy/plugins/siem/public/pages/hosts/hosts.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/hosts/hosts.tsx
@@ -299,6 +299,8 @@ const HostsComponent = pure<HostsComponentProps>(({ filterQuery, setAbsoluteRang
   );
 });
 
+HostsComponent.displayName = 'HostsComponent';
+
 const makeMapStateToProps = () => {
   const getHostsFilterQueryAsJson = hostsSelectors.hostsFilterQueryAsJson();
   const mapStateToProps = (state: State) => ({
diff --git a/x-pack/legacy/plugins/siem/public/pages/hosts/hosts_empty_page.tsx b/x-pack/legacy/plugins/siem/public/pages/hosts/hosts_empty_page.tsx
index 4555e6bb05673..69ef8579ea8cc 100644
--- a/x-pack/legacy/plugins/siem/public/pages/hosts/hosts_empty_page.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/hosts/hosts_empty_page.tsx
@@ -28,3 +28,5 @@ export const HostsEmptyPage = pure(() => (
     title={i18n.EMPTY_TITLE}
   />
 ));
+
+HostsEmptyPage.displayName = 'HostsEmptyPage';
diff --git a/x-pack/legacy/plugins/siem/public/pages/hosts/index.tsx b/x-pack/legacy/plugins/siem/public/pages/hosts/index.tsx
index 430a4a6b96084..7156a2dc831e6 100644
--- a/x-pack/legacy/plugins/siem/public/pages/hosts/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/hosts/index.tsx
@@ -44,3 +44,5 @@ export const HostsContainer = pure<HostComponentProps>(({ match }) => (
     </Switch>
   </>
 ));
+
+HostsContainer.displayName = 'HostsContainer';
diff --git a/x-pack/legacy/plugins/siem/public/pages/hosts/kql.tsx b/x-pack/legacy/plugins/siem/public/pages/hosts/kql.tsx
index cb3dc076af369..c8104803e2f4b 100644
--- a/x-pack/legacy/plugins/siem/public/pages/hosts/kql.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/hosts/kql.tsx
@@ -45,3 +45,5 @@ export const HostsKql = pure<HostsKqlProps>(({ indexPattern, type }) => (
     )}
   </KueryAutocompletion>
 ));
+
+HostsKql.displayName = 'HostsKql';
diff --git a/x-pack/legacy/plugins/siem/public/pages/network/index.tsx b/x-pack/legacy/plugins/siem/public/pages/network/index.tsx
index b9dc4e6ac4bdc..6f0e2c60537ee 100644
--- a/x-pack/legacy/plugins/siem/public/pages/network/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/network/index.tsx
@@ -43,3 +43,5 @@ export const NetworkContainer = pure<NetworkComponentProps>(({ match }) => (
     </Switch>
   </>
 ));
+
+NetworkContainer.displayName = 'NetworkContainer';
diff --git a/x-pack/legacy/plugins/siem/public/pages/network/ip_details.tsx b/x-pack/legacy/plugins/siem/public/pages/network/ip_details.tsx
index f290966e4318a..bc45cb9a10d5d 100644
--- a/x-pack/legacy/plugins/siem/public/pages/network/ip_details.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/network/ip_details.tsx
@@ -302,6 +302,8 @@ export const IPDetailsComponent = pure<IPDetailsComponentProps>(
   )
 );
 
+IPDetailsComponent.displayName = 'IPDetailsComponent';
+
 const makeMapStateToProps = () => {
   const getNetworkFilterQuery = networkSelectors.networkFilterQueryAsJson();
   const getIpDetailsFlowTargetSelector = networkSelectors.ipDetailsFlowTargetSelector();
diff --git a/x-pack/legacy/plugins/siem/public/pages/network/kql.tsx b/x-pack/legacy/plugins/siem/public/pages/network/kql.tsx
index d9731136ddc59..faf92c1d36fac 100644
--- a/x-pack/legacy/plugins/siem/public/pages/network/kql.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/network/kql.tsx
@@ -45,3 +45,5 @@ export const NetworkKql = pure<NetworkKqlProps>(({ indexPattern, type }) => (
     )}
   </KueryAutocompletion>
 ));
+
+NetworkKql.displayName = 'NetworkKql';
diff --git a/x-pack/legacy/plugins/siem/public/pages/network/network.tsx b/x-pack/legacy/plugins/siem/public/pages/network/network.tsx
index a0d7f6c1a444e..74a913b1ea10e 100644
--- a/x-pack/legacy/plugins/siem/public/pages/network/network.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/network/network.tsx
@@ -209,6 +209,8 @@ const NetworkComponent = pure<NetworkComponentProps>(
   )
 );
 
+NetworkComponent.displayName = 'NetworkComponent';
+
 const makeMapStateToProps = () => {
   const getNetworkFilterQueryAsJson = networkSelectors.networkFilterQueryAsJson();
   const mapStateToProps = (state: State) => ({
diff --git a/x-pack/legacy/plugins/siem/public/pages/network/network_empty_page.tsx b/x-pack/legacy/plugins/siem/public/pages/network/network_empty_page.tsx
index 440eb3cf948e7..6e121608e431d 100644
--- a/x-pack/legacy/plugins/siem/public/pages/network/network_empty_page.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/network/network_empty_page.tsx
@@ -28,3 +28,5 @@ export const NetworkEmptyPage = pure(() => (
     title={i18n.EMPTY_TITLE}
   />
 ));
+
+NetworkEmptyPage.displayName = 'NetworkEmptyPage';
diff --git a/x-pack/legacy/plugins/siem/public/pages/overview/index.tsx b/x-pack/legacy/plugins/siem/public/pages/overview/index.tsx
index b865945a8fb5d..82f4d3e32b117 100644
--- a/x-pack/legacy/plugins/siem/public/pages/overview/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/overview/index.tsx
@@ -10,3 +10,5 @@ import { pure } from 'recompose';
 import { OverviewComponent } from './overview';
 
 export const Overview = pure(() => <OverviewComponent />);
+
+Overview.displayName = 'Overview';
diff --git a/x-pack/legacy/plugins/siem/public/pages/overview/overview.tsx b/x-pack/legacy/plugins/siem/public/pages/overview/overview.tsx
index 1b64d67c70832..f13b48532dc14 100644
--- a/x-pack/legacy/plugins/siem/public/pages/overview/overview.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/overview/overview.tsx
@@ -68,3 +68,5 @@ export const OverviewComponent = pure(() => {
     </>
   );
 });
+
+OverviewComponent.displayName = 'OverviewComponent';
diff --git a/x-pack/legacy/plugins/siem/public/pages/overview/summary.tsx b/x-pack/legacy/plugins/siem/public/pages/overview/summary.tsx
index a6e636823b246..13d2dd96730f2 100644
--- a/x-pack/legacy/plugins/siem/public/pages/overview/summary.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/overview/summary.tsx
@@ -73,3 +73,5 @@ export const Summary = pure(() => (
     </EuiText>
   </EuiFlexItem>
 ));
+
+Summary.displayName = 'Summary';
diff --git a/x-pack/legacy/plugins/siem/public/pages/timelines/index.tsx b/x-pack/legacy/plugins/siem/public/pages/timelines/index.tsx
index bdb1c96895803..3c1b2cce166ee 100644
--- a/x-pack/legacy/plugins/siem/public/pages/timelines/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/timelines/index.tsx
@@ -13,3 +13,5 @@ import { TimelinesPage } from './timelines_page';
 export const Timelines = pure(() => (
   <ApolloConsumer>{client => <TimelinesPage apolloClient={client} />}</ApolloConsumer>
 ));
+
+Timelines.displayName = 'Timelines';
diff --git a/x-pack/legacy/plugins/siem/public/pages/timelines/timelines_page.tsx b/x-pack/legacy/plugins/siem/public/pages/timelines/timelines_page.tsx
index b6d70a6836d81..942c5730e2222 100644
--- a/x-pack/legacy/plugins/siem/public/pages/timelines/timelines_page.tsx
+++ b/x-pack/legacy/plugins/siem/public/pages/timelines/timelines_page.tsx
@@ -17,6 +17,8 @@ const TimelinesContainer = styled.div`
   width: 100%:
 `;
 
+TimelinesContainer.displayName = 'TimelinesContainer';
+
 interface TimelinesProps<TCache = object> {
   apolloClient: ApolloClient<TCache>;
 }
diff --git a/x-pack/package.json b/x-pack/package.json
index e19d63789b249..3de9282488a9e 100644
--- a/x-pack/package.json
+++ b/x-pack/package.json
@@ -312,7 +312,7 @@
     "react-markdown-renderer": "^1.4.0",
     "react-moment-proptypes": "^1.6.0",
     "react-portal": "^3.2.0",
-    "react-redux": "^5.0.7",
+    "react-redux": "^5.1.1",
     "react-redux-request": "^1.5.6",
     "react-router-dom": "^4.3.1",
     "react-select": "^1.2.1",
diff --git a/yarn.lock b/yarn.lock
index 035a76c5d901a..685818b6b1d96 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -14892,7 +14892,7 @@ hoist-non-react-statics@^2.3.1, hoist-non-react-statics@^2.5.0, hoist-non-react-
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
   integrity sha512-rqcy4pJo55FTTLWt+bU8ukscqHeE/e9KWvsOW2b/a3afxQZhwkQdT1rPPCJ0rYXdj4vNcasY8zHTH+jF/qStxw==
 
-hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.0:
+hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.0.tgz#b09178f0122184fb95acf525daaecb4d8f45958b"
   integrity sha512-0XsbTXxgiaCDYDIWFcwkmerZPSwywfUqYmwT4jzewKTQSWoE6FCMoUVOeBJWK3E/CrWbxRG3m5GzY4lnIwGRBA==
@@ -22997,7 +22997,7 @@ react-is@^16.3.1:
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.4.1.tgz#d624c4650d2c65dbd52c72622bbf389435d9776e"
   integrity sha512-xpb0PpALlFWNw/q13A+1aHeyJyLYCg0/cCHPUA43zYluZuIPHaHL3k8OBsTgQtxqW0FhyDEMvi8fZ/+7+r4OSQ==
 
-react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.2, react-is@^16.8.6:
+react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.2, react-is@^16.8.6:
   version "16.8.6"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.8.6.tgz#5bbc1e2d29141c9fbdfed456343fe2bc430a6a16"
   integrity sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA==
@@ -23175,6 +23175,19 @@ react-redux@^5.0.6, react-redux@^5.0.7:
     loose-envify "^1.1.0"
     prop-types "^15.6.0"
 
+react-redux@^5.1.1:
+  version "5.1.1"
+  resolved "https://registry.yarnpkg.com/react-redux/-/react-redux-5.1.1.tgz#88e368682c7fa80e34e055cd7ac56f5936b0f52f"
+  integrity sha512-LE7Ned+cv5qe7tMV5BPYkGQ5Lpg8gzgItK07c67yHvJ8t0iaD9kPFPAli/mYkiyJYrs2pJgExR2ZgsGqlrOApg==
+  dependencies:
+    "@babel/runtime" "^7.1.2"
+    hoist-non-react-statics "^3.1.0"
+    invariant "^2.2.4"
+    loose-envify "^1.1.0"
+    prop-types "^15.6.1"
+    react-is "^16.6.0"
+    react-lifecycles-compat "^3.0.0"
+
 react-resizable@1.x:
   version "1.7.5"
   resolved "https://registry.yarnpkg.com/react-resizable/-/react-resizable-1.7.5.tgz#83eb75bb3684da6989bbbf4f826e1470f0af902e"