Storage file not uploading - React native

  const pickImage = async () => {
    let result = await ImagePicker.launchImageLibraryAsync({
      mediaTypes: ImagePicker.MediaTypeOptions.All,
    })

    if (!result.canceled) {
      const image = result.assets[0]
      const maxResolution = 5000 * 5000
      const maxFileSize = 8 * 1024 * 1024 // 4MB in bytes

      if (image.width * image.height > maxResolution) {
        toast('Image resolution is too large')
      }

      if (image.fileSize > maxFileSize) {
        toast('Image file size is too large')
      }

      if (
        image.width * image.height <= maxResolution &&
        image.fileSize <= maxFileSize
      ) {
        setImage(image.uri)
        setPage(2)
      }
    }
  }

async function uploadImageAsync() {
    if (!image) {
      toast('Please select an image to upload')
      return
    }
    if (!title || title.length <= 3) {
      toast('Please provide a valid title.')
      return
    }

    try {
      //setUploading(true)
      const storageData = await storage.createFile(
        'gallery',
        ID.unique(),
        image,
        [],
        (event) => setProgress(event.progress)
      )
      console.log(storageData)

      await database.createDocument(
        'hp_db',
        'gallery-images',
        storageData.$id,
        {
          name: title,
          longText: description,
          nsfw: nsfw,
          userId: current.userId,
        }
      )
    } catch (error) {
      setUploading(false)
      console.error(error)
    }
  }