function uploadWithPresignedUrl(file, unique_name) {

    return new Promise((resolve, reject) => {

        // Create signature
        clientRequest('/api/create-signature', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: {
                name: unique_name,
                type: file.type
            }
        })
        .then(({uploadUrl}) => {

            // Upload URL seems OK, this generates the error
            fetch(uploadUrl, {
                method: 'PUT',
                headers: {
                    'Content-Type': file.type
                },
                body: file
            })

        })
        .then(() => {
            // Some other logic to save the file info on my DB  

        })
        .catch(err => {
            reject(err)
        })

    })

import { S3_ACCESS_KEY_ID, S3_BUCKET_NAME, S3_ENDPOINT, S3_REGION_NAME, S3_SECRET_ACCESS_KEY } from '@/lib/constants';
import { INTERNAL_SERVER_ERROR, OK } from '@/lib/statusCode';
import { S3Client, PutObjectCommand } from '@aws-sdk/client-s3';
import { getSignedUrl } from '@aws-sdk/s3-request-presigner';
import { NextResponse } from 'next/server';

export async function POST(req){

    const body = await req.json();
    const {name, type} = body
        
    const s3 = new S3Client({
        region: S3_REGION_NAME,
        credentials: {
            accessKeyId: S3_ACCESS_KEY_ID,
            secretAccessKey: S3_SECRET_ACCESS_KEY
        },
        endpoint: S3_ENDPOINT
    });

    const params = {
        Bucket: S3_BUCKET_NAME,
        Key: name,
        ContentType: type,
    };

    try {
        const command = new PutObjectCommand(params);
        const uploadUrl = await getSignedUrl(s3, command, { expiresIn: 3600 }); // URL valid for 1 hour
        
        return NextResponse.json({ uploadUrl, name }, {status: OK});

    } catch (error) {
        return NextResponse.json({message: error.message}, {status: INTERNAL_SERVER_ERROR})
    }
};

{
  "CORSRules": [
    {
      "AllowedHeaders": [
        "Authorization"
      ],
      "AllowedMethods": [
        "GET",
        "PUT"
      ],
      "AllowedOrigins": [
        "*"
      ],
      "MaxAgeSeconds": 3000,
      "ExposeHeaders": []
    }
  ]
}