I came across this problem, researching on the internet I found a solution. Add parseInt, I leave the link of the information and the solution.

```
import React from "react";
import pet from "@frontendmasters/pet";

class Details extends React.Component {
state = { loading: true };
componentDidMount() {
pet
.animal(parseInt(this.props.id))
.then(({ animal }) => {
this.setState({
name: animal.name,
animal: animal.type,
location: `${animal.contact.address.city}, ${animal.contact.address.state}`,
description: animal.description,
media: animal.photos,
breed: animal.breeds.primary,
loading: false,
});
})
.catch((err) => this.setState({ error: err }));
}
render() {
if (this.state.loading) {
return

loading …

const { animal, breed, location, description, media, name } = this.state;

return (

export default Details;

```

More information https://ask.csdn.net/questions/6675117

Start in the Details component and inspect the pet.animal call that receives this.props.id. Confirm that the animal lookup receives a numeric id, then verify that the details view loads without the seed(S) error.

Written by the indexing model from the issue text.