const flight = () => {

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

  )
  };

Inside<FlightHotelPackageItem> I am logging it like so:

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

The returned result is the entire array as though I just passed in the whole array. I imagine it's some dumb syntax error, would appreciate someone pointing out what I'm doing wrong.