     eventsGroupOpen = div className: classWithModifiers('mp-history-content__item', ['event', 'event-open'])
     eventsGroupClose = div className: classWithModifiers('mp-history-content__item', ['event', 'event-close'])
 
-    div className: 'mp-history-content', ref: @pageRef,
+    div className: 'mp-history-content',
       h3 className: 'mp-history-content__item', @props.match.name
 
       if @props.hasPrevious

      if prevProps.events?.length > 0 && @props.events?.length > 0
        # This is to allow events to be added without moving currently
        # visible events on viewport.
        #
        # When prepending, bottom position should be the reference as top
        # will be pushed by new events.
        if prevProps.events[0].id > @props.events[0].id
          snapshot.referenceFunc = => @pageRef.current.getBoundingClientRect().bottom
        else
          snapshot.referenceFunc = => @pageRef.current.getBoundingClientRect().top

        snapshot.referencePrev = snapshot.referenceFunc()

    snapshot



el = React.createElement

export class Content extends React.PureComponent
  getSnapshotBeforeUpdate: (prevProps, prevState) =>
    snapshot =
      scrollToLastEvent: prevProps.isAutoloading && @props.isAutoloading && osu.bottomPageDistance() < 10
