react.dev/examples/update-on-async-rendering/updating-state-from-props-after.js

// After
class ExampleComponent extends React.Component {
  // Initialize state in constructor,
  // Or with a property initializer.
  // highlight-next-line
  state = {};

  // highlight-next-line
  static getDerivedStateFromProps(
    nextProps,
    prevState
  ) {
    // highlight-range{1-11}
    if (
      nextProps.currentRow !==
      prevState.lastRow
    ) {
      return {
        lastRow: nextProps.currentRow,
        isScrollingDown:
          nextProps.currentRow >
          prevState.lastRow,
      };
    }

    // Return null to indicate no change to state.
    return null;
  }
}