Not able to upload avatar to storage bucket using formidable

    const form = formidable({ multiples: true });
    const client = await serverSupabaseClient(event);

    const response = await new Promise((resolve, reject) => {
        form.parse(event.req, (err, fields, files) => {
            if (err) {
                reject(err);
            }
            resolve({ fields, files });
        });
    });
    const { fields, files } = response;

    const fileName = encodeURIComponent(
        files.avatar.originalFilename.replace(/\s/g, '-')
    );

    // upload the file to supabase storage
    const { data, error } = await client.storage
        .from('site')
        .upload('public/' + Date.now() + '-' + fileName, files.avatar);
    return data;