CardView: CarouselView gets out of sync with rapid swiping of views

I have a page with a CarouselView containing 4 view - on rapid swiping data gets out of sync. The data that should be shown on 4th view is show on 3rd view and when you swipe to 4th view its blank. I have tried setting IsViewReusingEnabled = false but still getting out of sync data.

Also in between swiping - i get the following message in the console.

CardsView: Couldn’t handle InvalidOperationException

Below is the code snippet:

<cards:CarouselView
                Grid.Row="1"
                x:Name="MainCardView"
                IsCyclical="False"
                IsClippedToBounds="True"
                IsViewReusingEnabled = "False"
                SelectedIndex="{Binding SelectedIndex, Mode=TwoWay}"
                BackgroundColor="White"
                ItemsSource="{Binding Characteristics}">
                <cards:CarouselView.ItemTemplate>
                    <DataTemplate>
                        <ScrollView
                            BackgroundColor="{StaticResource AppWhite}"
                            Padding="24,0,24,16">
                            <StackLayout
                                Spacing="16"
                                BindableLayout.ItemsSource="{Binding Sections}"
                                BindableLayout.ItemTemplateSelector="{StaticResource ExploreDataTemplateSelector}">
                            </StackLayout>
                        </ScrollView>
                    </DataTemplate>
                </cards:CarouselView.ItemTemplate>
                <cardsControl:IndicatorsControl
                    SelectedIndicatorStyle="{StaticResource ActiveIndicator}"
                    UnselectedIndicatorStyle="{StaticResource InactiveIndicator}" />
            </cards:CarouselView>