index.tsx

...

type Props = {
  const isPopupOpen: boolean;
  const closePopup: () => void;
}

const Popup = (props: Props) => {
  ...

  const handleScroll = useCallback(() => {
    if (props.isPopupOpen) {
      props.closePopup();
    }
  }, [props.isPopupOpen]);


  useOnScrollEffect(handleScroll, INFINITE_SCROLL_ID);

  ...
}