react-on-screen: isVisible prop always returns false

I’m trying to integrate react on screen into a page that looks like the following

          <div>
            <Header
              soundcastID={this.props.soundcastID}
            />
            <TrackVisibility>
              <Body
                    userInfo={this.props.userInfo}
                    history={this.props.history}
              />
            </TrackVisibility>
            <Footer/>
          </div>

this.props.isVisible always logs false in Body, even if the component is clearly showing on screen. Any idea why?

About this issue

Original URL
State: closed
Created 6 years ago
Comments: 16 (8 by maintainers)

Most upvoted comments

@fkhadra The intended use case is when i scroll. It doesn’t seem to detect visibility change when scrolling.

natashache on Jan 19, 2018