`storage.createFile` throws `source.on is not a function` error

Hey guys. So I'm trying to upload an image using storage.createFile. But when I run it, it throws source.on is not a function. Below is what my function looks like

TypeScript

async function uploadAvatar(file: File, userId: string) {
  const { Permission, Role } = await import("appwrite");
  const { storage } = await import("@/AppwriteServices");
  const { Bucket_ID } = await import("@/AppwriteServices/IDs");

  await storage.createFile(Bucket_ID, userId, file, [
    Permission.delete(Role.user(userId)),
    Permission.update(Role.user(userId)),
    Permission.read(Role.any()),
  ]);
}

the screenshot shows the error

Any idea what's happening?

TL;DR

The user is facing an error when trying to upload an image using `storage.createFile`. The error message is `source.on is not a function`. It seems like the code is executing on the server side and the file is obtained from user input. The server version is not mentioned, but the SDK version is 11.0.0. The user is requesting help in understanding the issue. Possible Solution: It seems that the web SDK cannot be used for creating a file server-side in this manner. There could be differences between files in the browser and files in Node.js.