Not able to read request headers in API middleware.ts #44905

// middleware.ts
import { NextRequest, NextResponse } from 'next/server';
import { isAuthenticated } from '@lib/auth';

export const config = {
  matcher: '/api/:function*',
};

export function middleware(request: NextRequest) {
  console.log(request.headers); // TS ERROR: unknown property headers; cannot access directly or via `headers.get()`;

  if (!isAuthenticated(request)) {
    return new NextResponse( // tried `NextResponse.json() too
      JSON.stringify({ success: false, message: 'authentication failed' }),
      { status: 401, headers: { 'content-type': 'application/json' } } // TS ERROR: ts(ts2345); the signature does not recognise `status` or `headers`
    );
  }
}