Error: Objects are not valid as a React child (found: object with keys {id, startDate, days, absenceType, employee, approved})

I am trying to map through some data I have received from an API but I keep getting this error: Error: Objects are not valid as a React child (found: object with keys {id, startDate, days, absenceType, employee, approved}).

Now I have tried to map through it, I have tried to use Object, flatMap and forEach nothing seems to work. It looks like its an array of objects, am I missing something here? I just want to display this data on the page.

I have attached a screenshot of what the data looks like.enter image description here

UPDATE: Following some advice my code looks like this now:

{Object.entries(absence).map((item) => (
    <div key={item.id}>
      {" "}
      <p>ID: {item.id}</p> <p>Start Date: {item.startDate}</p>{""}
      <p>Days: {item.days}</p>{" "}
    </div>
 }

enter image description here

However the data is still not showing.