Как отобразить массив SVG-элементов (реагирующих компонентов), чтобы их z-индекс был выше соседнего элемента

Question

Я пытаюсь отобразить список элементов svg реагирующих компонентов с метками, которые появляются при наведении курсора. Все работает отлично, кроме ярлыков, отображаемых под соседом. Я попытался изменить порядок функции рендеринга, но, похоже, она не работает.

EG:

{data.reverse().map((d, i) => <StackedBars key={i} {...stackedBarProps[i]} /> )}