Невозможно установить высоту элемента слайдера, когда компонент перерисован

Question

• В настоящее время я использую react-native-swiper для своего проекта.
• У меня есть блок заголовка (синее поле) и два слайда (красное поле), когда я проведу пальцем по второму слайду, я установлю currentSlide индекс с использованием onIndexChange метода. После переключения на второй слайд он «перепрыгивает» через экран.

• Однако, когда я удаляю setSlide(index), он отлично работает.

• Это мой код только сейчас:

const [currentSlide, setSlide] = useState(0)
onIndexChange = (index) => {
    setSlide(index)
}

<BlueBox />
<Swiper
      horizontal={false}
      dot={false}
      showsPagination={false}
      loop={false}
      onIndexChanged={onIndexChange}
      index={currentSlide}
    >
      <RedBox />
      <RedBox />
 </Swiper>

• GIF: