React Native: как отобразить новое сообщение внизу?

Я только что закончил внедрять socket.io в свое родное приложение для реагирования, чтобы добиться личного обмена сообщениями 1-1.

Розетка работает правильно, как и требуется, т.е. сообщения отправляются в прямом эфире. Но моя проблема в том, что когда я пытаюсь отправить сообщение, оно добавляется вверху моего перевернутого списка Flatlist, тогда как самые новые сообщения должны отображаться внизу.

Вот мой код:

const message = route.params.message;
const [messages, setMessages] = useState([]);
const [refreshing, setRefreshing] = useState(false);
const [text, setText] = useState('');
const [loading, setLoading] = useState(false);
const [error, setError] = useState(false);
const [socket, setSocket] = useState(null);
const { user } = useAuth();

useEffect(() => {
const newsocket =io.connect("http://192.168.1.103:9000")
setMessages(message.Messages)

newsocket.on('connect', msg => {
console.info(`user: ${user.id} has joined conversation ${message.id}`)
setSocket(newsocket)
newsocket.emit('subscribe', message.id);
});

newsocket.on("send_message", (msg) => {
console.info("this is the chat messages:", msg);
setMessages(messages => messages.concat(msg)) // I THINK PROBLEM IS HERE 
});

return(()=>newsocket.close());

}, []);

const onSend = (ConversationId,senderId,receiverId,message) => {
console.info("sent")
const to = (user.id===route.params.message.user1? 
route.params.message.user2:route.params.message.user1)
socket.emit('message', { to: to, from: user.id, message,ConversationId });
setText("")
messagesApi.sendMessage({ConversationId,senderId,receiverId,message});
};

const updateText=(text)=>{
setText(text);
}

return(
<Animated.FlatList
    inverted
    data = {messages}
    keyExtractor = {(item,index)=>index.toString()}
    extraData = {messages} // add this    
    renderItem = {({item,index})=>(
        <>
        <MessageDate_Time 
        text = {moment(item.createdAt).fromNow()} 
        mine = {item.senderId !== user.id}
        />
        <MessageBubble
        text = {item.message}
        mine = {item.senderId !== user.id}
        />
         </>
    )}
    />
)