Stuck on an issue?

It would be much easier if instead of using hooks like useScrollToBottom just add a ref prop and add all the methods inside. What I mean:

const App = () => {
   const scrollRef = useRef();

   const scroll = () => {
     scrollRef.current.scrollToBottom()
     //and all other hooks like useSticky
     if(scrollRef.current.isSticky()) console.log('is sticky')
   }
   return (
        <ScrollToBottom mode="bottom" ref={scrollRef}>
             <button onClick={scroll}>
                  Scroll
              </button>
              <Content />
        </ScrollToBottom>
   )
}