如何将JSON格式中需要按日期属性分组的对象数组映射到react JS

[
  {
    "id": 1,
    "date": "2022-01-01",
    "name": "Object 1"
  },
  {
    "id": 2,
    "date": "2022-01-01",
    "name": "Object 2"
  },
  {
    "id": 3,
    "date": "2022-01-02",
    "name": "Object 3"
  },
  {
    "id": 4,
    "date": "2022-01-02",
    "name": "Object 4"
  },
  {
    "id": 5,
    "date": "2022-01-03",
    "name": "Object 5"
  }
]

const data = [
  {
    "id": 1,
    "date": "2022-01-01",
    "name": "Object 1"
  },
  {
    "id": 2,
    "date": "2022-01-01",
    "name": "Object 2"
  },
  {
    "id": 3,
    "date": "2022-01-02",
    "name": "Object 3"
  },
  {
    "id": 4,
    "date": "2022-01-02",
    "name": "Object 4"
  },
  {
    "id": 5,
    "date": "2022-01-03",
    "name": "Object 5"
  }
];

const groupedData = data.reduce((result, obj) => {
  const date = obj.date;
  if (!result[date]) {
    result[date] = [];
  }
  result[date].push(obj);
  return result;
}, {});

console.log(groupedData);

{
  "2022-01-01": [
    {
      "id": 1,
      "date": "2022-01-01",
      "name": "Object 1"
    },
    {
      "id": 2,
      "date": "2022-01-01",
      "name": "Object 2"
    }
  ],
  "2022-01-02": [
    {
      "id": 3,
      "date": "2022-01-02",
      "name": "Object 3"
    },
    {
      "id": 4,
      "date": "2022-01-02",
      "name": "Object 4"
    }
  ],
  "2022-01-03": [
    {
      "id": 5,
      "date": "2022-01-03",
      "name": "Object 5"
    }
  ]
}