React how to attach scroll event and measure DOM elements

example.jsx

import throttle from 'lodash/throttle';

class Component {
  someSectionRef = null;

  componentDidMount() {
    // check window object existing, to not listen events in SSR
    if(window) {
      window.addEventListener('scroll', this.onScroll);
    }
  }
  
  componentWillUnmount() {
    if(window) {
      window.removeEventListener('scroll', this.onScroll);
    }
  }
  
  // throttle 20ms to reduce calls and reflow
  // see: https://gist.github.com/paulirish/5d52fb081b3570c81e3a
  onScroll = throttle(() => {
    // calculate window and section `this.someSectionRef` position
    // some logic
  }, 20);
  
  render() {
    return (
      <div>
        <div ref={ node => this.someSectionRef = node } />
      </div>
    );
  }
}