Cast ImageSource to ImageSourcePropType

Author: BartoszKlonowski

package/src/RNCSliderNativeComponent.web.tsx

@@ -7,6 +7,7 @@ import {
   GestureResponderEvent,
   LayoutChangeEvent,
   Image,
+  ImageSourcePropType,
 } from 'react-native';
 //@ts-ignore
 import type {ImageSource} from 'react-native/Libraries/Image/ImageSource';
@@ -79,7 +80,7 @@ const RCTSliderWebComponent = React.forwardRef(
     const containerRef = forwardedRef || React.createRef();
     const containerPositionInvalidated = React.useRef(false);
     const [value, setValue] = React.useState(initialValue || minimumValue);
-    const lastInitialValue = React.useRef<number>();
+    const lastInitialValue = React.useRef<number>(0);
     const animationValues = React.useRef<AnimationValues>({
       val: new Animated.Value(value),
       min: new Animated.Value(minimumValue),
@@ -364,7 +365,7 @@ const RCTSliderWebComponent = React.forwardRef(
         <View pointerEvents="none" style={thumbViewStyle}>
           {thumbImage !== undefined ? (
             <Image
-              source={thumbImage}
+              source={thumbImage as ImageSourcePropType}
               style={{width: '100%', height: '100%'}}
             />
           ) : null}

package/src/Slider.tsx

@@ -9,7 +9,8 @@ import {
   NativeSyntheticEvent,
   StyleProp,
   View,
-  ImageSource
+  ImageSource,
+  ImageSourcePropType
 } from 'react-native';
 import RCTSliderNativeComponent from './index';
 
@@ -318,7 +319,7 @@ const SliderComponent = (
             ? props.thumbImage
             : props.StepMarker || !props.thumbImage
             ? undefined
-            : Image.resolveAssetSource(props.thumbImage)
+            : Image.resolveAssetSource(props.thumbImage as ImageSourcePropType)
         }
         ref={forwardedRef}
         style={[

package/src/components/TrackMark.tsx

@@ -1,5 +1,5 @@
 import React, {FC} from 'react';
-import {Image, ImageSource, View} from 'react-native';
+import {Image, ImageSource, ImageSourcePropType, View} from 'react-native';
 import {styles} from '../utils/styles';
 
 export type MarkerProps = {
@@ -42,7 +42,7 @@ export const SliderTrackMark = ({
       ) : null}
       {thumbImage && isTrue ? (
         <View style={styles.thumbImageContainer}>
-          <Image source={thumbImage} style={styles.thumbImage} />
+          <Image source={thumbImage as ImageSourcePropType} style={styles.thumbImage} />
         </View>
       ) : null}
     </View>