كيف اعالج هده المشكلة ERROR Invariant Violation: Changing onViewableItemsChanged on the fly is not supported

كيف اعالج هده المشكلة  ERROR  Invariant Violation: Changing onViewableItemsChanged on the fly is not supported

هذا هو الكود

    <Animated2.FlatList
            horizontal
            data={ads}
            keyExtractor={item => item.id.toString()}
            // onViewableItemsChanged={({viewableItems, changed}) => {
            //   console.log(viewableItems[0].index);
            //   setSelectedIndex(viewableItems[0].index);
            // }}

            onViewableItemsChanged={onViewableItemsChanged}
            viewabilityConfig={viewabilityConfig}

            style={{backgroundColor: 'red'}}
            contentContainerStyle={{justifyContent: 'center'}}
            onScrollEndDrag={() => goToSelectedLocation(selectedIndex)}
            renderItem={({item, index}) => {
              setSelectedIndex(index);
              console.log(index);

              return (
                <MapCard
                  onPress={() => goToSelectedLocation(index)}
                  style={{margin: 4}}
                  title={item.title}
                  image={item.image}
                  price={item.price}
                />
              );
            }}
          />