diff --git a/src/features/UserAccount/components/PersonalInfoForm/hooks/useCities.tsx b/src/features/UserAccount/components/PersonalInfoForm/hooks/useCities.tsx index 32555b9d..89d97d85 100644 --- a/src/features/UserAccount/components/PersonalInfoForm/hooks/useCities.tsx +++ b/src/features/UserAccount/components/PersonalInfoForm/hooks/useCities.tsx @@ -17,8 +17,8 @@ import { useForm } from 'features/FormStore' const useCitiesList = () => { const [cities, setCities] = useState([]) - const getCities = useCallback((city: string, selectedCountryId: number) => { - getCountryCities(city, selectedCountryId).then(setCities) + const getCities = useCallback((selectedCountryId: number) => { + getCountryCities('', selectedCountryId).then(setCities) }, []) const getCitiesDebounced = useMemo( diff --git a/src/features/UserAccount/components/PersonalInfoForm/hooks/useUserInfoForm.tsx b/src/features/UserAccount/components/PersonalInfoForm/hooks/useUserInfoForm.tsx index 521f3cd8..d99bd9dd 100644 --- a/src/features/UserAccount/components/PersonalInfoForm/hooks/useUserInfoForm.tsx +++ b/src/features/UserAccount/components/PersonalInfoForm/hooks/useUserInfoForm.tsx @@ -91,16 +91,11 @@ export const useUserInfoForm = () => { updateFormValue, ]) - const trimmedCity = trim(readFormValue(formIds.city)) useEffect(() => { - if (trimmedCity && selectedCountry?.id) { - getCities(trimmedCity, selectedCountry.id) + if (selectedCountry?.id) { + getCities(selectedCountry.id) } - }, [ - trimmedCity, - selectedCountry, - getCities, - ]) + }, [selectedCountry, getCities]) return { cities,