react JSX.Element: соединить массив строк и теги как разделитель

подскажите как решить покомпактнее и поэлегантнее следующую задачу:

есть массив строк

let texts: string[];

надо на выходе получить JSX код в котором между строками будет стоять разделитель <br />

конечно можно сделать так:

<div dangerouslySetInnerHTML = {{__html: texts.join("<br />")}} />;

но мне кажется это все таки извратом, забиванием микроскопом гвозди и т.д.