How to use petfinder-client

componentDidMount() {
    petfinder.pet
      .find({ location: "Austin, TX", output: "full" })
      .then(data => {
        let pets;
        if (data.petfinder.pets && data.petfinder.pets.pet) {
          if (Array.isArray(data.petfinder.pets.pet)) {
            pets = data.petfinder.pets.pet;
          } else {
            pets = [data.petfinder.pets.pet];
          }
        } else {
          pets = [];
        }
        this.setState({
          pets: pets
        });
      });
  }

getBreeds() {
  if (this.state.animal) {
   petfinder.breed
    .list({ animal: this.state.animal })
    .then(data => {
     if (
      data.petfinder &&
      data.petfinder.breeds &&
      Array.isArray(data.petfinder.breeds.breed)
     ) {
      this.setState({
       breeds: data.petfinder.breeds.breed
      });
     } else {
      this.setState({ breeds: [] });
     }
    })
    .catch(console.error);
  } else {
   this.setState({
    breeds: []
   });
  }
 }

petfinder.pet
   .find({
    location: this.props.searchParams.location,
    animal: this.props.searchParams.animal,
    breed: this.props.searchParams.breed,
    output: "full"
   })
   .then(data => {
    let pets;
    if (data.petfinder.pets && data.petfinder.pets.pet) {
     if (Array.isArray(data.petfinder.pets.pet)) {
      pets = data.petfinder.pets.pet;
     } else {
      pets = [data.petfinder.pets.pet];
     }
    } else {
     pets = [];
    }
    this.setState({
     pets: pets
    });
   });

export default function getBreeds() {
 return function getBReedsThunk(dispatch, getState) {
  const { animal } = getState();

  if (animal) {
   petfinder.breed
    .list({ animal })
    .then(data => {
     if (
      data.petfinder &&
      data.petfinder.breeds &&
      Array.isArray(data.petfinder.breeds.breed)
     ) {
      dispatch({
       type: "SET_BREEDS",
       payload: data.petfinder.breeds.breed
      });
     } else {
      dispatch({ type: "SET_BREADS", payload: [] });
     }
    })
    .catch(console.error);
  } else {
   dispatch({ type: "SET_BREADS", payload: [] });
  }
 };
}

componentDidMount() {
  petfinder.pet
   .get({
    output: "full",
    id: this.props.id
   })
   .then(data => {
    let breed;
    if (Array.isArray(data.petfinder.pet.breeds.breed)) {
     breed = data.petfinder.pet.breeds.breed.join(", ");
    } else {
     breed = data.petfinder.pet.breeds.breed;
    }
    this.setState({
     name: data.petfinder.pet.name,
     animal: data.petfinder.pet.animal,
     location: `${data.petfinder.pet.contact.city}, ${
      data.petfinder.pet.contact.state
     }`,
     description: data.petfinder.pet.description,
     media: data.petfinder.pet.media,
     breed,
     loading: false
    });
   })
   .catch(() => {
    navigate("/");
   });
 }