Fix ts errors

Author: retyui

example/src/ImageCropper.tsx

@@ -4,11 +4,11 @@ import { Image, Platform, ScrollView } from 'react-native';
 import { NativeSyntheticEvent } from 'react-native/Libraries/Types/CoreEventTypes';
 import { NativeScrollEvent } from 'react-native/Libraries/Components/ScrollView/ScrollView';
 
-import type { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
+import type { ImageURISource, StyleProp, ViewStyle } from 'react-native';
 import type { ImageCropData, ImageOffset, ImageSize } from './types';
 
 export interface ImageCropperProps {
-  image: ImageSize & ImageSourcePropType;
+  image: ImageSize & Pick<ImageURISource, 'uri'>;
   size: ImageSize;
   onTransformDataChange?: (data: ImageCropData) => void;
   style?: StyleProp<ViewStyle>;

example/src/SquareImageCropper.tsx

@@ -18,11 +18,11 @@ import { ImageCropper } from './ImageCropper';
 import type { ImageCropData, ImageSize } from './types';
 
 interface State {
-  croppedImageURI: string | null;
+  croppedImageURI: string | undefined;
   cropError: Error | null;
   measuredSize: ImageSize | null;
   cropScale: number;
-  photo: ImageURISource;
+  photo: ImageSize & Pick<ImageURISource, 'uri'>;
 }
 interface Props {
   // noop
@@ -40,7 +40,7 @@ export class SquareImageCropper extends Component<Props, State> {
         width: DEFAULT_IMAGE_WIDTH,
       },
       measuredSize: null,
-      croppedImageURI: null,
+      croppedImageURI: undefined,
       cropError: null,
       cropScale: 1,
     };
@@ -76,7 +76,7 @@ export class SquareImageCropper extends Component<Props, State> {
   _renderImageCropper() {
     const { photo, cropError, measuredSize } = this.state;
 
-    if (!photo) {
+    if (!photo || !measuredSize) {
       return <SafeAreaView style={styles.container} />;
     }
 
@@ -172,7 +172,11 @@ export class SquareImageCropper extends Component<Props, State> {
   };
 
   _reset = () => {
-    this.setState({ croppedImageURI: null, cropError: null, cropScale: 1 });
+    this.setState({
+      croppedImageURI: undefined,
+      cropError: null,
+      cropScale: 1,
+    });
   };
 }
 

src/index.ts

@@ -31,10 +31,7 @@ function toHeadersObject(
   headers: ImageCropData['headers']
 ): Record<string, string> | undefined {
   return headers instanceof Headers
-    ? Object.fromEntries(
-        // @ts-expect-error: Headers.entries isn't added yet in TS but exists in Runtime
-        headers.entries()
-      )
+    ? Object.fromEntries(headers.entries())
     : headers;
 }