reactjs - react-native-flatlist-slider の scrollToIndex が範囲外です

Question

ハイ！静的画像にreact-native-flatsliderを使用していますが、正常に機能していますが、API用の画像の取得は正しく機能しません。それは私を表示します

Invariant Violation: scrollToIndex out of range: item length 0 but minimum is 1

だから私はそれを検索しますが、解決するのに役立つものは得られません。

コード

const Preview = ({
    item,
    onPress,
    index,
  }) => {
      
    return(
        <TouchableOpacity
      style={[styles.videoContainer,{
          // marginLeft:index == 0 ? wp('2'): 0,
      }]}
     >
      <View style={[styles.imageContainer, styles.shadow]}>
        <Image
          style={{height:hp('22'), width:wp('90'), borderRadius:10,}}
          source={item.banner}
        />
      </View>
     
    </TouchableOpacity>
    )
}

const SliderCarouselFlat = () => {
  const [banners, setBanners] = useState([])
  const [index, setIndex] = useState(0)
  const slider = useRef()


  useEffect(()=>{
    getBanners()
  },[])


  // API CALL
  const getBanners =async () =>{
    try{
      const {data} =await getBannersApi()
      setBanners(data)
    }catch(e){
      console.log(e)
    }
  }

  return (
    <View style={styles.container}>
     <View>
      <FlatListSlider
        data={images}
        height={200}
        timer={2000}
        keyExtractor={item => item.key.toString()}
        onPress={item => alert(JSON.stringify(item))}
        component={<Preview/>}
        indicatorContainerStyle={{position:'absolute', bottom: 20}}
        indicatorActiveColor={'#ffffff'}
        indicatorInActiveColor={'#ffffff80'}
        loop={false}
        animation
      />
      </View> 
    </View>
  );
};

誰かが私が欠けているものやそれを解決する方法を案内できますか?