diff --git a/datahub-web-react/src/alchemy-components/components/AutoComplete/AutoComplete.tsx b/datahub-web-react/src/alchemy-components/components/AutoComplete/AutoComplete.tsx index ead920dfeb..da65b16d23 100644 --- a/datahub-web-react/src/alchemy-components/components/AutoComplete/AutoComplete.tsx +++ b/datahub-web-react/src/alchemy-components/components/AutoComplete/AutoComplete.tsx @@ -23,7 +23,6 @@ export default function AutoComplete({ }: React.PropsWithChildren) { const { open } = props; - const [internalValue, setInternalValue] = useState(value || ''); const [internalOpen, setInternalOpen] = useState(!!open); useEffect(() => { @@ -34,10 +33,6 @@ export default function AutoComplete({ if (open !== undefined) setInternalOpen(open); }, [open]); - useEffect(() => { - if (value !== undefined) setInternalValue(value); - }, [value]); - const onChangeHandler = (newValue: string, option: OptionType | OptionType[]) => { if (!internalOpen && newValue !== '') setInternalOpen(true); onChange?.(newValue, option); @@ -49,12 +44,11 @@ export default function AutoComplete({ if (internalOpen) { setInternalOpen(false); } else { - setInternalValue(''); onClear?.(); } } }, - [internalOpen, setInternalValue, onClear], + [internalOpen, onClear], ); const onBlur = (event: React.FocusEvent) => { @@ -73,7 +67,7 @@ export default function AutoComplete({ >