Uncaught TypeError: Cannot read property 'getBoundingClientRect' of null

I can’t seem to get react-sticky to work when attempting to use my own component

              <StickyContainer>
                <Sticky>
                  {({style}) => (<SearchResultsBar style={style} onFilterClick={this.props.handleFilterClick} />)}
                </Sticky>
                ...
              </StickyContainer>

When I attempt the above I get Uncaught TypeError: Cannot read property 'getBoundingClientRect' of null at Sticky.js:61.

var contentClientRect = _this.content.getBoundingClientRect();

If I do the above, but don’t attempt to pass any of my own props, and just return the component by name it works:

              <StickyContainer>
                <Sticky>
                  {SearchResultsBar}
                </Sticky>
                ...
              </StickyContainer>

I’m assuming I’m missing something simple, but I don’t know what it is. The SearchResultsBar is a stateless functional component if that makes a difference. This is using 6.0.1.

[dnd]

@dbarbalato, I actually just got finished trying that, and it appears to work correctly as a class extending Component.

[pupudu]

If it helps anyone, forwarding the rest of the props to a wrapping div seems to fix the problem

<Sticky>
     {({style, isSticky, ...rest}) => (
         <div {...rest}>
             <SearchResultsBar style={style} onFilterClick={this.props.handleFilterClick} />
         </div>
     )}
</Sticky>