nextjs middleware to mess with headers and cookies

middleware.ts

import { NextRequest, NextResponse } from 'next/server';

export default function middleware(request: NextRequest) {
  if (request.nextUrl.pathname.length === 11) {
    const cookieKey = 'abc123';

    console.log('aqui');

    const requestHeaders = new Headers(request.headers);
    requestHeaders.set('x-hello-from-middleware1', 'hello');

    const response = NextResponse.next({
      request: {
        headers: requestHeaders,
      },
    });

    response.cookies.set(cookieKey, 'hi');

    response.headers.set('x-hello-from-middleware2', 'hello');
    return response;
  }
}