const flight = () => { return ( <div className="tour-list-area"> {hotelFlightPackageListTest.map((flightDetails) => { return <FlightHotelPackageItem key={flightDetails.outbounddate} {...flightDetails} /> })}; </div> ) };

Dentro <FlightHotelPackageItem> lo estoy registrando así:

 const FlightHotelPackageItem = (flightDetails) => { console.log(flightDetails)

El resultado devuelto es la matriz completa como si acabara de pasar la matriz completa. Me imagino que es un error de sintaxis tonto, agradecería que alguien me señalara lo que estoy haciendo mal.