fix typescript

Author: meishuu

src/components/bottomSheetBackdrop/BottomSheetBackdrop.tsx

@@ -6,7 +6,7 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import { ViewProps } from 'react-native';
+import type { ViewProps } from 'react-native';
 import Animated, {
   interpolate,
   Extrapolate,
@@ -160,6 +160,7 @@ const BottomSheetBackdropComponent = ({
   );
 
   return pressBehavior !== 'none' ? (
+    // @ts-ignore
     <TapGestureHandler onGestureEvent={gestureHandler}>
       {AnimatedView}
     </TapGestureHandler>

src/components/bottomSheetFooter/BottomSheetFooter.tsx

@@ -1,5 +1,5 @@
 import React, { memo, useCallback, useMemo } from 'react';
-import { LayoutChangeEvent } from 'react-native';
+import type { LayoutChangeEvent } from 'react-native';
 import Animated, { useAnimatedStyle } from 'react-native-reanimated';
 import { KEYBOARD_STATE } from '../../constants';
 import { useBottomSheetInternal } from '../../hooks';

src/components/bottomSheetModal/BottomSheetModal.tsx

@@ -143,29 +143,29 @@ const BottomSheetModalComponent = forwardRef<
     }
     bottomSheetRef.current?.snapToPosition(...args);
   }, []);
-  const handleExpand = useCallback<BottomSheetMethods['expand']>((...args) => {
+  const handleExpand = useCallback<BottomSheetMethods['expand']>((...args: any[]) => {
     if (minimized.current) {
       return;
     }
     bottomSheetRef.current?.expand(...args);
   }, []);
   const handleCollapse = useCallback<BottomSheetMethods['collapse']>(
-    (...args) => {
+    (...args: any[]) => {
       if (minimized.current) {
         return;
       }
       bottomSheetRef.current?.collapse(...args);
     },
     []
   );
-  const handleClose = useCallback<BottomSheetMethods['close']>((...args) => {
+  const handleClose = useCallback<BottomSheetMethods['close']>((...args: any[]) => {
     if (minimized.current) {
       return;
     }
     bottomSheetRef.current?.close(...args);
   }, []);
   const handleForceClose = useCallback<BottomSheetMethods['forceClose']>(
-    (...args) => {
+    (...args: any[]) => {
       if (minimized.current) {
         return;
       }

src/components/bottomSheetTextInput/BottomSheetTextInput.tsx

@@ -20,7 +20,7 @@ const BottomSheetTextInputComponent = forwardRef<
 
   //#region callbacks
   const handleOnFocus = useCallback(
-    args => {
+    (args: any) => {
       shouldHandleKeyboardEvents.value = true;
       if (onFocus) {
         onFocus(args);
@@ -29,7 +29,7 @@ const BottomSheetTextInputComponent = forwardRef<
     [onFocus, shouldHandleKeyboardEvents]
   );
   const handleOnBlur = useCallback(
-    args => {
+    (args: any) => {
       shouldHandleKeyboardEvents.value = false;
       if (onBlur) {
         onBlur(args);

src/hooks/useScrollableSetter.ts

@@ -1,8 +1,8 @@
 import React, { useCallback, useEffect } from 'react';
-import Animated from 'react-native-reanimated';
+import type Animated from 'react-native-reanimated';
 import { useBottomSheetInternal } from './useBottomSheetInternal';
 import { getRefNativeTag } from '../utilities/getRefNativeTag';
-import { SCROLLABLE_TYPE } from '../constants';
+import type { SCROLLABLE_TYPE } from '../constants';
 import type { Scrollable } from '../types';
 
 export const useScrollableSetter = (

tsconfig.json

@@ -21,7 +21,8 @@
     "resolveJsonModule": true,
     "skipLibCheck": true,
     "strict": true,
-    "target": "esnext"
+    "target": "esnext",
+    "importsNotUsedAsValues": "error"
   },
   "exclude": ["example"],
   "include": ["src"]