added useEffect and isClearable

elastic · Dec 6, 2022 · 31506ac · 31506ac
1 parent 261b8f9
commit 31506ac
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/...ons/agent_policy/create_package_policy_page/components/steps/components/dataset_combo.tsx b/...ons/agent_policy/create_package_policy_page/components/steps/components/dataset_combo.tsx
@@ -5,7 +5,7 @@
  * 2.0.
  */
 
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { EuiComboBox } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 
@@ -22,7 +22,9 @@ export const DatasetComboBox: React.FC<{
     },
   ]);
 
-  if (!value) onChange(defaultOption);
+  useEffect(() => {
+    if (!value) onChange(defaultOption);
+  }, [value, defaultOption, onChange]);
 
   const onDatasetChange = (newSelectedOptions: Array<{ label: string }>) => {
     setSelectedOptions(newSelectedOptions);
@@ -58,6 +60,7 @@ export const DatasetComboBox: React.FC<{
         defaultMessage: 'Add {searchValue} as a custom option',
         values: { searchValue: '{searchValue}' },
       })}
+      isClearable={false}
     />
   );
 };