ScrollToRef в ReactJS - неявный тип

Question

Я пытаюсь использовать свое меню для прокрутки на одной странице. Я нашел много примеров ... но в моем случае ничего не работает: '(

Я хотел бы использовать эту функцию ...

const scrollToRef = (ref) => window.scrollTo({
    behavior: "smooth",
    top: ref.current.offsetTop
  });

function scrollToAboutMe(){
scrollToRef(refAboutme);
}


const Main: FunctionComponent = () => {

    const refAboutme = useRef()
    const refResume = useRef()
    const refPortfolio = useRef()
    const refContact = useRef()


    return (

            <div>
                <div>
                    <Landing/>
                    <Aboutme ref={refAboutme}/>
                    <Resume ref={refResume}/>
                    <Portfolio ref={refPortfolio}/>
                    <Contact ref={refContact}/>
                </div>


        </div>


    );
};

export default Main;

К сожалению, у меня есть эта ошибка (Параметр 'ref' неявно имеет тип 'any'. TS7006) в этой строке: const scrollToRef = (ref)

Заранее спасибо.

Answer 1

попробуйте

const scrollToRef = (ref: React.MutableRefObject<HTMLElement | undefined>) => window.scrollTo({
  behavior: "smooth",
  top: ref.current.offsetTop
});