React scrollIntoView() not working with ref

Question

I have a react functional component defined as

    export const NavMenuHorizontal: React.FunctionComponent = (
      props
    ) => {