expo-image-picker and storage

Hello, I'm looking for a working example, I've been struggling with this for days.

TypeScript

    console.log(file)
    const promise = storage.createFile(
      APPWRITE_AVATAR_STORAGE,
      ID.unique(),
      file
    );
    
    promise.then(function (response) {
      console.log("File uploaded successfully:", response); // Success
    }, function (error) {
      console.error("File upload failed:", error); // Failure
    });
  };


const selectImage = async () => {
    const { status } = await ImagePicker.requestMediaLibraryPermissionsAsync();
    if (status !== 'granted') {
      alert('Camera roll permissions needed!');
      return;
    }

    const result = await ImagePicker.launchImageLibraryAsync({
      mediaTypes: 'images',
      allowsEditing: true,
      aspect: [4, 3],
      quality: 1,
    });

    if (!result.canceled) {
      const selectedImage = result.assets[0];
      const fileUri = selectedImage.uri;

      setAvatar(fileUri);
      uploadAvatar(selectedImage);
    }
  }

It logs: "File uploaded successfully: undefined"

TL;DR

Developers are struggling with passing the correct format for the `createFile()` function in the `expo-image-picker` and storage scenario. One developer shared their code snippet for uploading an avatar but encountered an issue where it logged "File uploaded successfully: undefined."

I'm suspecting its the inputFile format I'm passing, I just can't seem to get it right.

it logs as:

TypeScript

{"assetId": "C52DD5F3-6856-4409-BC50-FC1178199FBB/L0/001", "base64": null, "duration": null, "exif": null, "fileName": "IMG_2312.jpg", "fileSize": 9571187, "height": 3026, "mimeType": "image/jpeg", "pairedVideoAsset": null, "type": "image", "uri": "file:///var/mobile/Containers/Data/Application/A458952A-7F30-480D-A0B9-2583C5F7F187/Library/Caches/ExponentExperienceData/@mrcheeks/airmail-drag/ImagePicker/154797BA-A28F-492E-A478-093376B0BAB0.jpg", "width": 3024}