Как сохранить позицию прокрутки при добавлении содержимого в начало контейнера в React

Question

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

<Fragment>
{messagesLoading && messages.length > 0 && <NoramlSpinner/>}
                    <li id='first' ref={lastPostElRef}>
                        <div className='mb-1 left-msg' >
                        </div>
                    </li>
                {messages.length > 0 &&
                    messages.map((message, i)=>{
                    if(profile.user._id !== message.sender._id ){

                        return <LeftMessage  message={message} key={message._id}/>
                    }
                    else{
                        return <RightMessages  message={message} key={message._id}/>

                    }

                })}    
</Fragment>