Failed to parse body as FormData

Hello, when I push app to Vercel and upload the file I got an error. But if I use localhost url to upload the file - it works well

Server logs:

1⨯ TypeError: Failed to parse body as FormData.2    at node:internal/deps/undici/undici:4249:273    at successSteps (node:internal/deps/undici/undici:4288:27)4    at fullyReadBody (node:internal/deps/undici/undici:2724:9)5    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)6    at async consumeBody (node:internal/deps/undici/undici:4297:7)7    at async v (/var/task/.next/server/app/api/upload/route.js:6:9774)8    at async /var/task/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:6:424849    at async eI.execute (/var/task/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:6:32486)10    at async eI.handle (/var/task/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:6:43737)11    at async Y (/var/task/node_modules/next/dist/compiled/next-server/server.runtime.prod.js:16:24600)

page.tsx:

1import { Card } from '@/components/ui/card';2import { handleSubmit } from '@/actions';3import { Input } from '@/components/ui/input';4import { Button } from '@/components/ui/button';56const Page = () => {7	return (8		<Card className='p-3'>9			<form action={handleSubmit}>10				<Input type='file' name='files' />11				<Button type='submit' className='mt-10'>12					Submit13				</Button>14			</form>15		</Card>16	);17};1819export default Page;

server action:

1'use server';23export const handleSubmit = async (e: FormData) => {4	const response = await fetch('https://dvzh.tech/api/upload', {5		method: 'POST',6		body: e,7		headers: {8			'X-Upload-Folder': 'test',9		},10	});1112	const data = await response.json();1314	console.log('data', data);15};

src/app/api/upload/route.ts:

1import { NextRequest, NextResponse } from 'next/server';2import { put } from '@vercel/blob';3import { nanoid } from 'nanoid';45export async function POST(request: NextRequest) {6	const folder = request.headers.get('X-Upload-Folder') || 'any';7	const uniqueName = nanoid(32);89	const form = await request.formData();10	const file = form.get('files') as File;11	const extension = file.name.split('.').pop();12	const fileName = `${uniqueName}.${extension}`;1314	const blob = await put(`${folder}/${fileName}`, file, {15		access: 'public',16	});1718	return NextResponse.json(blob, { status: 201 });1920	// return await uploadFile(request, folder!);21}

also middleware:

1import authConfig from '@/auth.config';2import NextAuth from 'next-auth';3import {4	API_ROUTES,5	authRoutes,6	DEFAULT_REDIRECT,7	publicApiRoutes,8	publicRoutes,9} from '@/routes';10import { NextResponse } from 'next/server';11export const { auth } = NextAuth(authConfig);1213// eslint-disable-next-line @typescript-eslint/ban-ts-comment14// @ts-expect-error15export default auth((req) => {16	const { nextUrl } = req;17	const isLoggedIn = !!req.auth;1819	const requestHeaders = new Headers(req.headers);20	requestHeaders.set('x-url', nextUrl.pathname);21	requestHeaders.set('x-search', nextUrl.search);2223	const isApiAuthRoute = nextUrl.pathname.startsWith(API_ROUTES.AUTH);24	const isPublicRoute = publicRoutes.includes(nextUrl.pathname);25	const isAuthRoute = authRoutes.includes(nextUrl.pathname);26	const isPublicApiRoute = (publicApiRoutes as string[]).includes(27		nextUrl.pathname,28	);2930	// Allow public API routes31	if (isPublicApiRoute || isApiAuthRoute) {32		return null;33	}3435	// Authentication pages36	if (isAuthRoute) {37		// The way to create an absolute url38		if (isLoggedIn) {39			return Response.redirect(new URL(DEFAULT_REDIRECT, nextUrl));40		}4142		return null;43	}4445	if (!isLoggedIn && !isPublicRoute) {46		// Redirect to previous page after login47		let callbackUrl = nextUrl.pathname;4849		if (nextUrl.search) {50			callbackUrl += nextUrl.search;51		}5253		const encodedCallbackUrl = encodeURIComponent(callbackUrl);5455		return Response.redirect(56			new URL(`/auth/login?callbackUrl=${encodedCallbackUrl}`, nextUrl),57		);58	}5960	return NextResponse.next({61		request: {62			headers: requestHeaders,63		},64	});65});6667// Optionally, don't invoke Middleware on some paths68export const config = {69	matcher: [70		// Exclude files with a "." followed by an extension, which are typically static files.71		// Exclude files in the _next directory, which are Next.js internals.7273		'/((?!.+\\.[\\w]+$|_next).*)',74		// Re-include any files in the api or trpc folders that might have an extension75		'/(api|trpc)(.*)',76	],77};