Lints code.

Author: alexkendall

src/WheelPicker.tsx

@@ -50,12 +50,11 @@ const WheelPicker: React.FC<Props> = ({
 }) => {
   const flatListRef = useRef<FlatList>(null);
   const [scrollY] = useState(new Animated.Value(0));
-  const flatList = useRef<any>(null)
 
-  const lastScrollTimestamp = useRef(new Date().getTime())
+  const lastScrollTimestamp = useRef(new Date().getTime());
 
   const containerHeight = (1 + visibleRest * 2) * itemHeight;
-  const [scrollIndex, setScrollIndex] = useState(selectedIndex)
+  const [scrollIndex, setScrollIndex] = useState(selectedIndex);
   const paddedOptions = useMemo(() => {
     const array: (string | null)[] = [...options];
     for (let i = 0; i < visibleRest; i++) {
@@ -101,45 +100,39 @@ const WheelPicker: React.FC<Props> = ({
 
 
   useEffect(() => {
-    if (Platform.OS === "web") {
-      const SCROLL_COOLDOWN_MILISECONDS = 100
-      const SCROLL_DID_STOP_TIMEOUT = 500
+    if (Platform.OS === 'web') {
+      const SCROLL_COOLDOWN_MILLISECONDS = 100;
+      const SCROLL_DID_STOP_TIMEOUT = 500;
       const intervalID = setInterval(() => {
-        const time = new Date().getTime()
-        const difference = time - lastScrollTimestamp.current
+        const time = new Date().getTime();
+        const difference = time - lastScrollTimestamp.current;
         if (difference > SCROLL_DID_STOP_TIMEOUT) {
-          flatList.current?.scrollToIndex({ index: scrollIndex, animated: true })
+          flatListRef.current?.scrollToIndex({
+            index: scrollIndex,
+            animated: true,
+          });
         }
-      }, SCROLL_COOLDOWN_MILISECONDS)
+      }, SCROLL_COOLDOWN_MILLISECONDS);
       return () => {
-        clearInterval(intervalID)
-      }
+        clearInterval(intervalID);
+      };
     }
-  }, [scrollIndex])
+  }, [scrollIndex]);
 
   useEffect(() => {
-    if (Platform.OS === "web") {
-      if (onChange) {
-        onChange(scrollIndex)
-      }
+    if (Platform.OS === 'web') {
+      onChange(scrollIndex);
     }
-  }, [scrollIndex])
+  }, [scrollIndex, onChange]);
 
-  const handleScroll = (event: {
-    nativeEvent: {
-      contentInset: { bottom: number, left: number, right: number, top: number },
-      contentOffset: { x: number, y: number },
-      contentSize: { height: number, width: number },
-      layoutMeasurement: { height: number, width: number },
+  const handleScroll = (event: Animated.EventConfig<NativeScrollEvent>) => {
+    if (Platform.OS === 'web') {
+      const positionY = event.nativeEvent.contentOffset.y;
+      const index = Math.round(positionY / itemHeight);
+      setScrollIndex(index);
+      lastScrollTimestamp.current = new Date().getTime();
     }
-  }) => {
-    if (Platform.OS === "web") {
-      const positionY = event?.nativeEvent?.contentOffset?.y ?? 0;
-      const index = Math.round(positionY / itemHeight)
-      setScrollIndex(index)
-      lastScrollTimestamp.current = new Date().getTime()
-    }
-  }
+  };
 
   return (
     <View

src/index.ts

@@ -1,3 +1,3 @@
 import WheelPicker from './WheelPicker';
 
-export default WheelPicker;
+export default WheelPicker;