<Pagination> Error : Rendered fewer hooks than expected. This may be caused by an accidental early return statement.

[TanveerShah0]

my code

const [activeSlide, setActiveSlide] = useState(0);

const renderPagination = () => { return (

{item?.photos.map((_: any, index: number) => ( setActiveSlide(index)} /> ))}

);

};

return ( <Carousel // ref={(c) => { this._carousel = c; }} // autoplay={true} data={item?.photos} renderItem={({item}: any) => ( <ImageBackground style={styles.imageBackground} source={{uri: item}}>

              </ImageBackground>
            )}
            layout={'default'}
            sliderWidth={R.unit.windowWidth()}
            itemWidth={R.unit.windowWidth()}
            onSnapToItem={index => setActiveSlide(index)}
          />
          {renderPagination()}

)