Почему не срабатывает событие скролла?
Видимо, потому что на странице отсутствует возможность скролла. Весь контент помещается в высоту окна.
Если это так, то для подобных кейсов используют событие mousewheel. Для кроссбраузерной обработки этого события, если важна одинаковая скорость скролла в разных браузерах, надо использовать адаптер, вроде normalize-wheel
вот так попробуйте componentDidMount() {
    window.addEventListener('scroll', this.handleScroll);
  }

  componentWillUnmount() {
    window.removeEventListener('scroll', this.handleScroll);
  }
   
  
  handleScroll = () => {
    alert("scroll");
  };