react-native - RecyclerListViewをクラスコンポーネントから機能に転送する方法

Question

レガシー コードで初めて RecyclerListView に直面したので、それを functiona スタイルで書き直す必要がありましたが、React が RecyclerListView を返そうとすると、プログラムがフリーズし、renderBetItem 関数に入ることさえできず、console.log も表示されません。ここにコード部分があります

let dataProvider = new DataProvider((r1, r2) => {
        return true;
    });

let layoutProvider = new LayoutProvider(
    () => 0,
    (type, dim) => {
        dim.width = width;
        dim.height = 110;
    }
);    

componentDidMount() {
        this.setState({isLoading: true});
        this.props.footballEvents && this.initialManipulations(this.props.footballEvents);
        this.setState({isLoading: false});
    }

initialManipulations = (events) => {
        if (events.length) {
            const newEventArr = events.map((event) => eventManipulations(event, 'fromFootball'));
            this.setState({liveEvents: this.dataProvider.cloneWithRows(newEventArr), loading: false});
        }
    }

const renderBetItem = (type, data) => {
        console.log('entered renderBetItem')
        return (
            <View><Text>Hello</Text></View>
        )
    }

return (
        <View style={{backgroundColor: whiteLabel.mainBackground, flex: 1}}>
            {isLoading === false ?
                <RecyclerListView
                    rowRenderer={renderBetItem}
                    key={keyForLive}
                    dataProvider={liveEvents}
                    layoutProvider={layoutProvider}
                />
                :
                <ActivityIndicator
                    color={whiteLabel.homeTabColorActive}
                    size='large'
                    style={{marginTop: '20%'}}
                />
            }
        </View>
    )
Do you have any idea what`s wrong with this code?