const [ScrollY, setScrollY] = useState(0);
 const [top, setTop] = useState(false);

 const handleFollow = () => {
    setScrollY(window.pageYOffset);

    if (ScrollY > 200) {
      // 56 이하면 버튼이 보이게
      setTop(true);
    } else {
      // 56 이상이면 버튼이 안보이게
      setTop(false);
    }
  };


  useEffect(() => {
    const watch = () => {
      window.addEventListener('scroll', handleFollow);
    };
    watch();
    return () => {
      window.removeEventListener('scroll', handleFollow);
    };
  }, [scrollY]);


     {top && (
          <div
            className="btn_up"
            onClick={() => {
              window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
            }}
          >
            <img src={up} alt="위로가기" />
          </div>
        )}