React-infinite fails with `Cannot read property 'scrollShouldBeIgnored' of undefined`

Hi @developit! I was checking some functionality which is based on https://github.com/seatgeek/react-infinite. I wasn’t able to check if onLoad triggers because it throws an error while scrolling. It’s reproducible with preact@5.1.0-beta.26 as well as preact@5.3.0:

import Infinite from 'react-infinite'

export default class TestInfinite extends React.Component {
    onLoad = () => {
        console.log('`onLoad` should be triggered')
    }

    render() {
        const height = 300
        const offset = 100

        return (
            <Infinite
                containerHeight={height - offset}
                elementHeight={height}
                infiniteLoadBeginEdgeOffset={offset}
                onInfiniteLoad={this.onLoad}>
                    <div style={{height}}>content</div>
            </Infinite>
        )
    }
}

[developit]

Turns out this was actually ridiculously easy - createClass binds methods you pass to it, but it was binding them after invoking the constructor, which was where react-infinite grabs its reference to the event handler in question - meaning it had a reference to the unbound function instead of the bound one. Simple fix was just to bind earlier. Your repro is now working for me locally @slmgc ❤️

The fix is released as preact-compat@3.9.2.

[developit]

yay! 7.0 will become mainline shortly, it’s just in beta as the group of (technically) breaking changes gets solidified.