reactでオブジェクトをtable要素に展開したい

実現したいこと

reactでオブジェクトをtable要素に展開したいです。

<tr>要素で○番目の要素を展開し、<td>要素にオブジェクトの中身を展開したいと考えています。

前提

展開したいオブジェクト

const data = [
  {
    "id": "1",
    "created_at": "XX:XX:XX XX:XX:XX",
    "object": {
      "id": "1",
      "value": "一括"
  },
  {
    "id": "2",
    "created_at": "XX:XX:XX XX:XX:XX",
    "object": {
      "id": "1",
      "value": "一括"
  },
  {
    "id": "3",
    "created_at": "XX:XX:XX XX:XX:XX",
    "object": {
      "id": "1",
      "value": "一括"
  }
]

展開先

<table>
  <tr>
    <th>id</th>
    <th>created_at</th>
    <th>object.value</th>
  </tr>
  <!-- ここに展開したい -->
</table>

試したこと

qiitaなどの記事を読み漁って、いろいろ試してみましたが、どうしても実装できません。
・map関数を使用する
・展開したいオブジェクトはそもそも配列なので、何番目かを指定しないといけない
・１番目のオブジェクトを取得した後、<td>要素に各値を渡したい
・１番目のオブジェクトを取得した後、さらにオブジェクトを展開するにはコンマでつなぐ必要がある
https://qiita.com/fukamiiiiinmin/items/7c8161cbcd4e3d7721ad

素人質問で申し訳ありませんが、どなたかお力添えいただけますでしょうか。
よろしくお願い致します。