uploading file to storage convert file to garbage

    const {fields, files} = response;
    const avatar = files.avatar;
    // creates a valid name by removing spaces
    const fileName = encodeURIComponent(
        avatar.originalFilename.replace(/\s/g, "-")
    );
    // renames the file in the directory
    fs.renameSync(avatar.filepath, fileName);    
    console.log(avatar)
    const avatarData = fs.readFileSync(fileName)
    const {data, error} = await client.storage
        .from("site")
        .upload("public/" + Date.now() + "-" + fileName, avatarData, {
            cacheControl: "3600",
            upsert: false,
        });

    const {fields, files} = response;
    const avatar = files.avatar;
    // creates a valid name by removing spaces
    const fileName = encodeURIComponent(
        avatar.originalFilename.replace(/\s/g, "-")
    );
    // renames the file in the directory
    fs.renameSync(avatar.filepath, fileName);    
    console.log(avatar)
    const avatarData = fs.readFileSync(fileName)
    const {data, error} = await client.storage
        .from("site")
        .upload("public/" + Date.now() + "-" + fileName, avatarData, {
            cacheControl: "3600",
            upsert: false,
        });