fix: broken hook refactoring

elastic · Jun 23, 2020 · 6207f94 · 6207f94
1 parent 189843c
commit 6207f94
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/..._actions_ui/public/application/components/builtin_alert_types/threshold/visualization.tsx b/..._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