TL;DR

The issue can be resolved by using an alternative approach to clear cookies, as the clear() method is intentionally excluded from the cookies type.

Guidance

• The error message indicates that the clear() method does not exist on the ReadonlyRequestCookies type, which is returned by the cookies() function.
• To clear cookies, you can try using the Set-Cookie header with an expiration date in the past, effectively deleting the cookie.
• You can use the NextResponse object to set the Set-Cookie header, for example: NextResponse.headers.set("Set-Cookie", "cookie-name=; expires=Thu, 01 Jan 1970 00:00:00 GMT").
• Verify that the cookie is cleared by checking the response headers or using a tool like the browser's developer tools to inspect the cookies.

Example

import { cookies } from "next/headers";
import { NextResponse } from "next/server";

export async function POST() {
  const cookieStore = await cookies();
  const response = NextResponse.json({ success: true });
  response.headers.set("Set-Cookie", "cookie-name=; expires=Thu, 01 Jan 1970 00:00:00 GMT");
  return response;
}

Notes

The provided code snippet is for Next.js version "16.0.7", and the solution may not apply to other versions.

Recommendation

Apply workaround: The clear() method is intentionally excluded from the cookies type, so using an alternative approach like setting the Set-Cookie header is the recommended solution.