Upload image error using nextjs 14

type: 'storage_file_type_unsupported',
  response: {
    message: 'File extension not allowed',
    code: 400,
    type: 'storage_file_type_unsupported',
    version: '1.6.0'
  }
}
 ⨯ AppwriteException: File extension not allowed
    at async $$ACTION_8 (./lib/actions/user.actions.ts:171:29)
digest: "940634400"
 POST /dashboard 500 in 240ms

export const createPost = async (data: Post) => {
  const { post_id, image_urls } = data;
  const now = dayjs().toISOString();
  const validPost = generateValidPostId(post_id);

  try {
    const { databases, storage } = await createAdminClient();

    if (!image_urls || !Array.isArray(image_urls) || image_urls.length === 0) {
      throw new Error("image_urls is not a valid array or is empty");
    }

    // const res = await fetch(image_urls[0]);
    // const blobs = await res.blob();
    const renamedFile = new File([image_urls[0]], `${validPost}`);

    const createdFile = await storage.createFile(
      postAttachementBucket,
      ID.unique(),
      renamedFile
    );
    console.log("File created:", createdFile);

    const post = await databases.createDocument(db, postCollection, validPost, {
      ...data,
      post_id: validPost,
      created_at: now,
      updated_at: now,
      image_urls: createdFile.$id,
    });

    console.log("Post created:", post);
    return parseStringify(post);
  } catch (error) {
    console.error("Error in createPost:", error);
    throw error;
  }
};