Check if a React component is out the viewport

checkIfComponentIsOutViewport.js

  const checkIfComponentIsOutViewport = () => {
    console.log('executed');
    if (componentRef.current) {
      const componentCurrentPosition = componentRef.current.getBoundingClientRect();
      if (componentCurrentPosition.top < 0) {
        console.log('top is out');
      }
      if (
        componentCurrentPosition.bottom >
        (window.innerHeight || document.documentElement.clientHeight)
      ) {
        console.log('bottom is out');
      }
      if (componentCurrentPosition.left < 0) {
	// Left side is out of viewoprt
}
      if (componentCurrentPosition.right > (window.innerWidth || document.documentElement.clientWidth)) {
	// Right side is out of viewport
}
    }
  };