Если передать составной компонент в Waypoint, зачем его оборачивать React.forwardRef?

Question

https://www.npmjs.com/package/react-waypoint

Я читаю этот пост, почему для передачи составного компонента в Waypoint необходимо обернуть его React.forwardRef? Могу ли я просто обернуть составной компонент с помощью div, тогда мне не нужно оборачивать его React.forwardRef?

Я попытался обернуть составной компонент с div, но он не работает, как ожидалось, обратные вызовы onEnter или onLeave никогда не будут вызываться. Но если я буду следовать учебнику, чтобы обернуть составной компонент с помощью React.forwardRef, он будет работать как положено.

class Block extends React.Component {
  render() {
    return <div ref={this.props.innerRef}>Hello</div>
  }
}

const App = () => (
  <Waypoint>
    <div>
       <Block />
    </div>
  </Waypoint>
)

приведенный выше код не работает, но я не знаю почему