Obtener este problema de mecanografiado 'Escribir 'número' no se puede asignar al tipo 'Mapeo'.ts (2322)' Esto ocurre cuando se intenta agregar un evento animado en el desplazamiento... el conocimiento de mecanografiado es un poco escaso y me pregunto si alguien podría indicarme ¿la dirección correcta? por favor :)

Captura de pantalla del problema

Aquí está el código que he renderizado una FlatList

 const Carousel: FunctionComponent<CarouselProps> = ({ data }) => { if (data && data.length) { return ( <View> {data && data.length && ( <FlatList data={data} keyExtractor={(item, index) => 'key' + index} horizontal pagingEnabled scrollEnabled scrollEventThrottle={16} snapToAlignment='center' decelerationRate={'fast'} showsHorizontalScrollIndicator={false} renderItem={({ item }) => { return <CarouselItem item={item} />; }} onScroll={Animated.event([{nativeElement: { contentOffset: { x: screenX }}}])} /> )} <View style={styles.dotView}> {data.map((_: any, i: any) => { let opacity = position.interpolate({ inputRange: [i - 1, i, i + 1], outputRange: [0.3], extrapolate: 'clamp' }); return ( <Animated.View key={i} style={{ opacity, height: 10, width: 10, margin: 8, borderRadius: 5 }} /> ); })} </View> </View> ); } else { return null; } }