React Chat App UI - Keeping screen at the bottom of the screen to show latest chat messages but keep it at top when loading previous chat messages

Question

I\'m building a chat app that has same UI as Messenger or Instagram web chat app UI. When user enters the chat room, it loads 30 messages and show the latest message at the