Установка высоты прокрутки div при монтировании вызывает ошибку React ⇐ CSS

[Гость]

У меня есть следующий div/container, который просто содержит несколько тегов . Контейнер имеет ref, называемый divRef, который определяется в верхней части кода с помощью useRef и инициализируется значением null

Заполнитель
// здесь еще несколько тегов
Вот CSS для контейнера:

messageListContainer: { высота: '100vh`, ширина: '100%', отступНиз: 20, flexDirection: "столбец", дисплей: «гибкий», переполнение: «авто», }, Я хочу, чтобы при монтировании элемент div автоматически находился в нижней части, а затем пользователи могли прокручивать вверх, чтобы увидеть предыдущий контент. Я не хочу использовать scrollIntoView, так как не хочу, чтобы пользователь видел анимацию прокрутки, я хочу, чтобы элемент div автоматически находился в нижней части.

Я пытаюсь сделать это, используя следующий useEffect, однако получаю ошибку: Невозможно прочитать свойства со значением null (чтение 'scrollHeight'). Почему возникает эта ошибка и как мне добиться желаемого поведения?

используйтеEffect, чтобы установить прокрутку внизу элемента div:
useEffect(() => { divRef.current.scrollTop = divRef.current.scrollHeight }, [])