useEffect(() => {
  setPage(1);
}, [stateSelected]);

useEffect(() => {
  const fetchData = async (state, page) => {
    setLoading(true);
    setApiCalls(c => c + 1);
    const from = (page - 1) * CITIES_PER_PAGE;
    const to = from + CITIES_PER_PAGE;
    const records = await api(state, from, to);
    setResults(records);
    setLoading(false);
  };
  if (stateSelected) {
    fetchData(stateSelected, page);
  }
}, [stateSelected, page]);