Memoize dataControlFactories

elastic · Jul 2, 2024 · d4acc64 · d4acc64
1 parent 703abcb
commit d4acc64
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/examples/controls_example/public/react_controls/data_controls/data_control_editor.tsx b/examples/controls_example/public/react_controls/data_controls/data_control_editor.tsx
@@ -81,11 +81,13 @@ const CompatibleControlTypesComponent = ({
   selectedControlType?: string;
   setSelectedControlType: (type: string) => void;
 }) => {
-  const dataControlFactories = getAllControlTypes()
-    .map((type) => getControlFactory(type))
-    .filter((factory) => {
-      return isDataControlFactory(factory);
-    });
+  const dataControlFactories = useMemo(() => {
+    return getAllControlTypes()
+      .map((type) => getControlFactory(type))
+      .filter((factory) => {
+        return isDataControlFactory(factory);
+      });
+  }, []);
 
   return (
     <EuiKeyPadMenu data-test-subj={`controlTypeMenu`} aria-label={'type'}>