diff --git a/x-pack/plugins/lens/public/heatmap_visualization/chart_component.tsx b/x-pack/plugins/lens/public/heatmap_visualization/chart_component.tsx
index 543c2e1359feb..3048f3b3db580 100644
--- a/x-pack/plugins/lens/public/heatmap_visualization/chart_component.tsx
+++ b/x-pack/plugins/lens/public/heatmap_visualization/chart_component.tsx
@@ -84,8 +84,7 @@ export const HeatmapComponent: FC<HeatmapRenderProps> = ({
   const xValuesFormatter = formatFactory(xAxisMeta.params);
   const valueFormatter = formatFactory(valueColumn.meta.params);
 
-  // @ts-ignore
-  const onElementClick: ElementClickListener = (e: HeatmapElementEvent[]) => {
+  const onElementClick = ((e: HeatmapElementEvent[]) => {
     const cell = e[0][0];
     const { x, y } = cell.datum;
 
@@ -119,7 +118,7 @@ export const HeatmapComponent: FC<HeatmapRenderProps> = ({
       timeFieldName,
     };
     onClickValue(desanitizeFilterContext(context));
-  };
+  }) as ElementClickListener;
 
   const onBrushEnd = (e: HeatmapBrushEvent) => {
     const { x, y } = e;