Как мне заставить NextUI ListBox прокручиваться до последнего ListItem? ⇐ Html

[Anonymous]

Некоторые предыстории: я пытаюсь создать канал чата сообщений.
У меня есть компонент NextUI ListBox, который имеет свойство isVirtualized и соответствующий параметры. Он создается с использованием следующего:

Код: Выделить всё

        

{(item) => (

{item.text}

)}

И ListboxWrapper:

Код: Выделить всё

const ListboxWrapper = ({children}) => (

{children}

);

Элементы списка загружаются динамически. Я бы хотел, чтобы последний элемент в списке всегда находился внизу содержащего его элемента div.
Сейчас у меня есть:

Код: Выделить всё

const scrollToBottom = () => {
messagesEndRef.current?.scrollIntoView({behavior: 'smooth' , block: 'end'})
}

При этом происходит прокрутка вверх. Кажется, не имеет значения, какой блок я установил (

Код: Выделить всё

end

или start), поведение такое же. Я делаю что-то неправильно или есть более простой способ сделать это?
У меня были те же результаты с document.getElementById(..).scrollIntoView(..). Я также переместил ссылку на последний элемент списка, но когда я это сделаю, последний элемент списка появится в верхней части контейнера, а другие элементы не будут видны и их нельзя будет прокручивать.
Заранее спасибо!

Подробнее здесь: https://stackoverflow.com/questions/793 ... t-listitem