Добавьте соединительные границы в древовидное представление MUI. ⇐ CSS

[Anonymous]

Я хотел добавить несколько границ, которые соединялись бы с узлами в древовидном представлении Mui, но я все еще боролся с одной частью: отсутствием вертикальной границы, когда это последний листовой узел
Это выглядит примерно так:
Пример границы:
при этом вокруг этих мест не должно быть вертикальных границ:
пример задачи:
Последний листовой узел будет выглядеть так:
листовая граница
Здесь это коды и ящик кода:
https://codesandbox.io/p/sandbox/mui-tr ... eeview.jsx
Любая помощь буду признателен!

Подробнее здесь: https://stackoverflow.com/questions/785 ... i-treeview