How to get ref of the ScrollArea component?

[joetidee]

I want to get a reference to the ScrollArea component, in order to obtain various information about the scroll position. I cannot use the supplied onScroll function. So how do I get a ref, as when I do this...

ref={scrollArea => this.scrollArea = scrollArea}

and try and get the I get scrollTop...

const scrollTop = this.scrollArea.scrollTop;

I get an error:

Uncaught TypeError: Cannot read property 'scrollTop' of null

[tnrich]

I'm also wondering how to do exactly this. Thanks!

[DiogoAbu]

Get ref:

const scrollRef = useRef(null);  // or the pre-hook way
<ScrollArea ref={scrollRef}>

then scroll:
scrollRef.current.scrollArea.scrollBottom();