Не совсем получается сделать таблицу исходя из повторяющих значений. Это расписание и там необходимы 3 тега td. Но пока не получается, чтобы выходило примерно такой результат

9:00
9:15
9:30
9:45
10:00
10:15
и тд


Вот в онлайн редакторе https://codepen.io/rusline/pen/NyBYVY?editors=0011

const time = {
  hour: ['9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21'],
  minutes: ['00', '15', '30', '45']
}
function TimeLesson(){
  return(
    <tbody>
      {time.hour.map((hour) => {
          time.minutes.map((minutes) => {
            <tr>
              <th scope='row'>{hour}:{minutes}</th>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          })
        }
      )}
    </tbody>
  );
}