Автоматическое создание таблицы / Вставить только закрывающий тег React

Пишу приложение на React и появилась необходимость автоматически генерировать таблицу. Пример: дается массив из 6 названий (на деле размер массива заранее не известен), хочется вывести их в таблицу, но чтоб в строке было по 4 элемента. Соответственно нужно две строки. Всю голову сломал, но адекватного решения так и не придумал.

Был один набросок:

<tr>
   {catalogItem.items.map(item => (
      <>
         <td>{item.title}</td>
         {catalogItem.items.indexOf(item) === 3 && </tr><tr>} //(*)
         <br/>
      </>
   ))}
</tr>

Но само собой в месте (*) такой код не работает. Подскажите, пожалуйста, как можно решить задачу?