Se modifico para que al obtener un pueblo se obtenga tambien el nombre del estado

import { toast } from "react-toastify";

import axios, { AxiosError } from "axios";

import { showErrorAxios } from "../utils/Messages";

import { useGetStatesList } from "./useGetStatesList";

const townDatasource = new TownDatasourceProd();

const townRepository = new TownRepositoryProd(townDatasource);

  } = useForm<Town>({resolver});

  const [townsList, setTownsList] = useState<Town[]>([]);

  const [errorMessage, setErrorMessage] = useState("");

  const {getStateById} = useGetStatesList();

  const onSubmit: SubmitHandler<Town> = (data: Town) => {

    const fetch = async () => {

  const getTownById = async (idTown: number): Promise<Town | null> => {

    try{

      const town = await townRepository.getTown(idTown);

      const state = await getStateById(town.idState);

      if(state){

        town.state = state.name;

      }

      return town;

    }catch(error: any){

      if(axios.isAxiosError(error)){