Cuando trato de representar este código, siempre muestra este mensaje "los objetos no son válidos como un niño React (encontrado: [objeto Promesa]). Si tenía la intención de representar una colección de niños, use una matriz en su lugar". Ayúdenme a solucionar este error. Esta aplicación es un ejemplo de API de descanso. Gracias por adelantado

 let arr = []; function App() { let info = () => { return (axios .get( "https://api.nasa.gov/planetary/apod?api_key=R4s5xcOxoYklREakJOSoeNMCOK4tpM8iqg6slJ15&count=10&hd=true" ) .then((res) => { Object.entries(res).map((val, i) => { return ( <div id="carouselExampleIndicators" className="carousel slide" data-bs-ride="carousel" > <div className="carousel-indicators"></div> <div className="carousel-inner"> <div className="carousel-item active"> <img src={res.data[i].hdurl} className="d-block w-100" alt="img" ></img> <br /> </div> </div> </div> ); }); })) }; return ( <> <div className="container">{info()}</div> </> ); } export default App;