fix(text-field-search): make className and endOfAccessory optional

MetaMask · Oct 10, 2024 · eeaf068 · eeaf068
1 parent 0a7732b
commit eeaf068
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/ui/components/component-library/text-field-search/deprecated/text-field-search.js b/ui/components/component-library/text-field-search/deprecated/text-field-search.js
@@ -19,11 +19,11 @@ import { useI18nContext } from '../../../../hooks/useI18nContext';
  */
 
 export const TextFieldSearch = ({
-  className,
+  className = '',
   showClearButton = true, // only works with a controlled input
   clearButtonOnClick,
   clearButtonProps,
-  endAccessory,
+  endAccessory = null,
   inputProps,
   value,
   onChange,
@@ -108,11 +108,16 @@ TextFieldSearch.propTypes = {
   /**
    * Component to appear on the right side of the input
    */
-  endAccessory: PropTypes.node,
+  endAccessory: PropTypes.oneOfType([PropTypes.node, PropTypes.any]),
   /**
    * Attributes applied to the `input` element.
    */
   inputProps: PropTypes.object,
 };
 
+TextFieldSearch.defaultProps = {
+  className: '',
+  endAccessory: null,
+};
+
 TextFieldSearch.displayName = 'TextFieldSearch';