react-lazyload: parent.getAttribute is not a function error

After debugging this issue i have come to find that parent variable is being set to either Window or Document but neither of the two contain the getAttribute() function.

This issue breaks my code and prevents the render of the component. I have defined my LazyLoad component as so…

    <div className={'Section6')}>
      <LazyLoad height={333} offset={300} overflow once>
        <Picture
          image={sectionImage}
          imageRetina={sectionImageRetina}
          imageMobile={sectionImageMobile}
          imageMobileRetina={sectionImage}
          screen={SCREEN_SIZES.SCREEN_SM_MAX} />
      </LazyLoad>
    </div>

The parent div has a position: relative; styling

Have I not used the overflow prop correctly? because it seems that although the overflow prop os set, the returned object in parent doesn’t contain the function which needs to be checked for the condition and therefore breaks at this point and throws an error.

Have i missed something?