formData.append("Name", values.name);
  formData.append("Weight", values.weight);
  formData.append("Description", values.additionalDescription);
  formData.append("IdShelter", idShelter);
  formData.append("IdType", type);
  formData.append("IdRace", values.race.value);
  formData.append("IdColor", values.color.value);
  formData.append("IdSize", values.size.value);
  formData.append("IdSex", values.sex.value);
  formData.append("IdAnimalAttitude", values.animalsAttitude.value);
  formData.append("IdPeopleAttitude", values.pplAttitude.value);
  formData.append("Photos", photos);
  const config = {
    headers: {
      "content-type": "multipart/form-data",
    },
  };
  try {
    console.log(photos);
    payload = await axios
      .post("http://localhost:53321/api/animals", formData, config)
      .then((res) => res.data);