I have an API which returns the following data and isn't in any order. What would be the best way to do this using the "created" field.

{
  "002": {
    "created": 1651570929442,
    "sub": false,
    "message": "Second Message",
    "user": "Demo"
  },
  "003": {
    "message": "Third Message",
    "created": 1651570933926,
    "user": "Demo",
    "sub": false
  },
  "001": {
    "user": "Demo",
    "created": 1651570928159,
    "sub": false,
    "message": "First Message"
  }
}

{
  Object.entries(data).map(([key, val]) =>
  <div key={key} data-id={key}>
    <div>
      <span>{val.user}</span>:
    </div>
    <div>
      {val.message}
    </div>
  </div>
  )
}