Não estou conseguindo renderizar os cards na tela usando as requisições

Front-end
,
#1

Bom dia, criei uma pagina de adoção com um perfil pra se cadastrar e adicionar cards com os animais para adoção ou não, na pagina do perfil tem os dados e uma lista com os pets cadastrados, mas não estou conseguindo renderizar. Fiz as importações, as requisições, mas nada.
código:

export async function getApiUserPets() {
  const token = localStorage.getItem("token");

  const options = {
    method: "GET",
    headers: {
      "Content-Type": "application/json",
      Authorization: `Bearer ${token}`,
    },
  };
 
  try {
    const responseJson = await fetch(`${baseUrl}pets/my_pets`, options);
    if (!responseJson.ok) {
      const response = await responseJson.json();
      console.log(response);
    } else {
      return await responseJson.json();
    }
  } catch (err) {
    console.log(err);
  }
}
#2

Aparece algum erro no console?

#3

Uncaught TypeError: Cannot read properties of undefined (reading ‘length’)

#4

Em qual linha está acontecendo esse erro? A requisição está retornando algo? Essa API que vc está consumindo foi vc quem criou ou é daquelas que tem na internet pra fazer teste?