Нежелательные дубликаты объектов в рекурсии Javascript

Я пытаюсь создать некоммерческий сайт социальной сети, используя Django. Часть сайта - это вложенные комментарии. Однако, когда я создаю комментарий, он дублируется на коэффициент его глубины. Так, при глубине в один комментарий выводится один, при глубине в два комментария - два, а при глубине в три - три.

Я отображаю комментарии с помощью javascript:


function showComments(comment, parent_id, user_id) {
   // ... (the code of how to render the comment) ...
for (subment of comment.subments) {
        showComments(subment, comment.comment.id, user_id)
    }
}

fetch(`/get_comments/${post}`)
.then(response => response.json())
.then(data => {
    results = data.data
    console.log(results)
    for (comment of results[0]) {
        showComments(comment, 0, results[1])
    }
})

Полученные данные не содержат дубликатов. enter image description here Как мне рекурсивно отобразить данные без дублирования?

Спасибо

Вернуться на верх