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
index 007038db9addb..09923fad506ab 100644
--- 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'}>