How to update State after redux dispatch?

Question

React

How to update State after redux dispatch?

const onChangeCountry = async (id:string) => {
    const index = countries?.findIndex((arr) => arr.id === Number(id));
    if (countries && !countries[Number(index)].cities) {
      const res = await GeoService.getCities(id, 'ru');
      if (res.success) {
        dispatch(setCities({ index, cities: res.cities }));
      }
    }
    if (countries) setCityList(countries[Number(index)].cities);
  };

After selecting a country in Select, I load cities in redux and try to put cities in State to display in another Select. but it doesn’t work, obviously dispactch doesn’t have time to work, because if you re-select the country, then everything is loaded, what to do?