memoize ChartSwitch

elastic · Feb 17, 2021 · 87ae2ba · 87ae2ba
1 parent 12df425
commit 87ae2ba
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/...ck/plugins/lens/public/editor_frame_service/editor_frame/workspace_panel/chart_switch.tsx b/...ck/plugins/lens/public/editor_frame_service/editor_frame/workspace_panel/chart_switch.tsx
@@ -6,7 +6,7 @@
  */
 
 import './chart_switch.scss';
-import React, { useState, useMemo } from 'react';
+import React, { useState, useMemo, memo } from 'react';
 import {
   EuiIcon,
   EuiPopover,
@@ -79,7 +79,7 @@ function VisualizationSummary(props: Props) {
   );
 }
 
-export function ChartSwitch(props: Props) {
+export const ChartSwitch = memo(function ChartSwitch(props: Props) {
   const [flyoutOpen, setFlyoutOpen] = useState<boolean>(false);
 
   const commitSelection = (selection: VisualizationSelection) => {
@@ -305,7 +305,7 @@ export function ChartSwitch(props: Props) {
   );
 
   return <div className="lnsChartSwitch__header">{popover}</div>;
-}
+});
 
 function getTopSuggestion(
   props: Props,