From 6207f947e95cd14791afa6c6ccc22f14539fabdb Mon Sep 17 00:00:00 2001
From: nickofthyme <nick.ryan.partridge@gmail.com>
Date: Tue, 23 Jun 2020 18:18:08 -0500
Subject: [PATCH] fix: broken hook refactoring

---
 .../builtin_alert_types/threshold/visualization.tsx         | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_alert_types/threshold/visualization.tsx b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_alert_types/threshold/visualization.tsx
index b844c49e7d51f..a282fa08e8f38 100644
--- a/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_alert_types/threshold/visualization.tsx
+++ b/x-pack/plugins/triggers_actions_ui/public/application/components/builtin_alert_types/threshold/visualization.tsx
@@ -179,6 +179,8 @@ export const ThresholdVisualization: React.FunctionComponent<Props> = ({
   if (!charts || !uiSettings || !dataFieldsFormats) {
     return null;
   }
+  const chartsTheme = charts.theme.useChartsTheme();
+  const chartsBaseTheme = charts.theme.useChartsBaseTheme();
 
   const domain = getDomain(alertInterval, startVisualizationAt);
   const visualizeOptions = {
@@ -258,8 +260,8 @@ export const ThresholdVisualization: React.FunctionComponent<Props> = ({
         {alertVisualizationDataKeys.length ? (
           <Chart size={['100%', 200]} renderer="canvas">
             <Settings
-              theme={[customTheme(), charts.theme.useChartsTheme()]}
-              baseTheme={charts.theme.useChartsBaseTheme()}
+              theme={[customTheme(), chartsTheme]}
+              baseTheme={chartsBaseTheme}
               xDomain={domain}
               showLegend={!!termField}
               showLegendExtra