React native – react-native-reanimated-carousel shared value error

[Reanimated] Reading from value during component render. Please ensure that you do not access the value property or use get method of a shared value while React is rendering a component.

This is happening over and over. Is it a problem with the library itself? I don’t think I’m doing anything weird in my code:

import Carousel, { ICarouselInstance } from ‘react-native-reanimated-carousel’;

      <Carousel
        ref={ref as MutableRefObject<ICarouselInstance | null>}
        data={data || []}
        renderItem={({ item }) => (
          <View style={styles.featuredSlide}>
           
            <Image
              style={[styles.featuredImage, { width: imageWidth, height: imageHeight }]} 
              source={{ uri: item.photos?.[0] || 'https://via.placeholder.com/350x480' }}
            />

            {
              showOverlaidText && (
                <>
                  <Text style={styles.a}>{item.a}</Text>
                  <Text style={styles.b}>{item.b}</Text>
                </>
              )
            }
          </View>
        )}
        width={width}
        height={height}
        scrollAnimationDuration={scrollAnimationDuration}
        autoPlay={autoPlay}
        loop={loop}
        panGestureHandlerProps={{
          activeOffsetX: [-10, 10],
        }}
      />

I tried the code above. It renders fine. But Im getting thousands of these errors : [Reanimated] Reading from value during component render. Please ensure that you do not access the value property or use get method of a shared value while React is rendering a component.