Estoy tratando de obtener los valores dentro del valor "info", pero el navegador me muestra algo como indefinido u objeto, objeto.

este es el codigo

 const loadCharacters = async () => { try { const response = await fetch('https://naruto-api.herokuapp.com/api/v1/characters'); narutoCharacters = await response.json(); displayCharacters(narutoCharacters); } catch (err) { console.error(err); } }; const displayCharacters = (characters) => { const htmlString = characters .map((character) => { return ` <li class="character"> <h2>${character.name}</h2> <p>${character.id}</p> <p>${character.info[0]}</p> </li> `; }) .join(''); charactersList.innerHTML = htmlString; }; loadCharacters();

json

 [ { "about": [ "Akatsuchi (赤ツチ, Akatsuchi) é um shinobi de Iwagakure." ], "info": { "Sexo": "Masculino", "Aniversário": "11 de Janeiro", "Idade": "Parte II: 20 anos", "Altura": "Parte II: 2.00 m", "Peso": "Parte II: 137 kg", "Tipo Sanguíneo": "B", "Ocupação": "Guarda-costas do Tsuchikage", "Afiliação": "Iwagakure", "Parceiro": "Kurotsuchi", "Patente Ninja": "Fase II: Jōnin", "Registro Ninja": "IW-08718" }, "page": "https://naruto.fandom.com/pt-br/wiki/Akatsuchi", "name": "Akatsuchi", "id": 1, "images": [ "https://gkbzmcahsvowlfjslvnm.supabase.in/storage/v1/object/public/characters/Akatsuchi.webp", "https://gkbzmcahsvowlfjslvnm.supabase.in/storage/v1/object/public/characters/Akatsuchi_1.webp" ] }

Intentaría acceder usando character.info[0], character.info['Altura'] pero esto no funciona, realmente agradeceré si alguien puede ayudar. Gracias