Check if Element is visible in Viewport

isElementInViewport.js

export const isElementInViewport = (el) => {
    var rect = el.getBoundingClientRect();

    return rect.bottom > 0 &&
        rect.right > 0 &&
        rect.left < (window.innerWidth || document.documentElement.clientWidth) /* or $(window).width() */ &&
        rect.top < (window.innerHeight || document.documentElement.clientHeight) /* or $(window).height() */;
}


isElementInViewport(<div />) // will return True of False based on Visibility in viewport