onUploadComplete and onUploadErorr callback not working

export const uploadRouter = {
    imageUploader: f(
        {
            image: {
                maxFileSize: "4MB",
                maxFileCount: 1,
            },
        },
        {
            awaitServerData: true,
        }
    )
        .onUploadError(({ error, fileKey }) => {
            console.log("upload error", { message: error.message, fileKey });
            throw error;
        })
        .onUploadComplete(async ({ metadata, file }) => {
            console.log("Upload complete for userId:", file);
            console.log("file url", file.url);

            return { uploadedBy: "1234" };
        }),
} satisfies FileRouter;

{"message":"Sending presigned URLs to client","logLevel":"INFO","timestamp":"2025-01-21T11:33:35.521Z","annotations":{"presignedUrls":[{"url":"https://sea1.ingest.uploadthing.co