How can I make a custom Scroller scrollToBottom?

[lexahall]

I'm implementing a chat feature, and I need to use a custom Scroller component. I've noticed that as soon as I implement this custom Scroller, the chat no longer stays scrolled to the bottom when new messages come in. I've made a code sandbox with a similar issue that you can see here: https://codesandbox.io/s/react-virtuoso-v1-chat-forked-nxmlsi?file=/src/App.tsx

As soon as you begin to type, the Scroller scrolls all the way back up to the start of the chat history.

Is there something specific I need to add to the custom Scroller to ensure we stay scrolled to the bottom?

Thanks!