onIndexChanged produces Warning: Cannot update a component from inside the function body of a different component.

Which OS ?

iOS

Version

Which versions are you using:

• react-native-swiper v1.6.0
• react-native v0.63.2

Expected behaviour

No errors/warnings?

Actual behaviour

This code produces a warning, Warning: Cannot update a component from inside the function body of a different component..

import React, {useState} from 'react';

import Swiper from 'react-native-swiper';

const [swiperIndex, setSwiperIndex] = useState(0);

const testComponent = () => {
  return <Swiper style={styles.wrapper} onIndexChanged={(i) => setSwiperIndex(i)}>
}

export default testComponent;

[ManhVuTien]

I use onIndexChanged={(newIndex) => { setTimeout(() => { setIndex(newIndex); }, 1); }} The warning is gone.

[dbenfouzari]

Ugh, I just went away from this package and used react-native-snap-carousel instead. Sorry guys.