Tengo un problema con Carousel que se implementa así:

 <Carousel key={3} sliderWidth={device.windowWidth} sliderHeight={device.windowHeight} activeSlideAlignment="start" itemWidth={device.windowWidth-20} data={picklistItems} firstItem={props.selectedPinkItemIndex ? props.selectedPinkItemIndex : 0} scrollEnabled={true} pointerEvents={'none'} lockScrollWhileSnapping

el problema al que me enfrento es que firstItem 'no ve' que el estado (props.selectedPinkItemIndex) se actualiza: cuando consola.log the props.selectedPinkItemIndex, es un par de veces 0, y luego se actualiza a, por ejemplo 8, pero el carrusel no ve que el estado se actualizó y siempre estoy atascado en 0. Obviamente, si hago firstItem={8} , muestra correctamente el octavo elemento, pero dinámicamente, no funciona.

El selectedPinkItemIndex se establece en el componente principal de esta manera:

 const [initialPicklistItemIndex, setInitialPicklistItemIndex] = useState<number>(0);

y luego pasó al componente del carrusel de esta manera:

 selectedPinkItemIndex={initialPicklistItemIndex}