Netflix nav.js useEffect에 관한 질문이 있습니다.

안녕하세요.

useEffect에 관한 질문이 있습니다.

import React, { useState, useEffect } from "react";
import "./Nav.css";
const Nav = () => {
    const [show, setShow] = useState(false);

    useEffect(() => {
        window.addEventListener("scroll", () => {
            console.log(window.scrollY);
            if (window.scrollY > 50) {
                setShow(true);
            } else {
                setShow(false);
            }
        });

        return () => {
            window.removeEventListener("scroll", () => {});
        };
    }, []);

    return (
        <nav className={`nav ${show && "nav__black"}`}>
            <img
                alt="Neflix logo"
                src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTs-jOdZ58Y8HbxPbaUxxaUyGMqu3zvtO8frCdL_3MzPE6cOB5ZAV5TqwRIjJ6sdTl-_A&usqp=CAU"
                className="nav__logo"
                onClick={() => window.location.reload()}
            />
            <img
                alt="user logged"
                src="http://zoeice.com/assets/img/uploads/profile.png"
                className="nav__avatar"
            />
        </nav>
    );
};

export default Nav;

질문 1.

useEffect 내부의 return은 컴포넌트를 사용하지 않을때 실행되는 코드를 넣는것 같은데

이점이 조금 이해하기 어려워서 질문드립니다. useEffect안의 return의 역할이 정확히 무엇인가요?

질문 2.

useEffect의 두번째 인자로 빈 배열을 받을 경우, 처음 컴포넌트가 처음 렌더링 될때만

실행된다고 알고 있습니다.

그런데 nav는 스크롤 상태에 따라서 계속 이벤트가 실행되는데 빈 배열을 넣어도 잘 작동이 되고 있습니다.
빈 배열을 넣어도 잘 작동되는 이유가 궁금합니다.

답변부탁드리겠습니다.

감사합니다.