I am working with Nextjs Route handlers. The issue is, cookies are not getting deleted in production. The site is hosted on vercel.

// /app/api/auth/logout/route.ts
import { NextRequest, NextResponse } from "next/server";

export async function GET(req: NextRequest) {
  console.log("Logging out");
  const response = NextResponse.json(
    { message: "Logged out successfully" },
    { status: 200 }
  );

  // Ensure the cookie is properly deleted
  response.cookies.delete("AuthToken");

  return response;
}

In the client component:

const router = useRouter(); // from next/navigation
const logoutHandler = async () => {
    try {
      const response = await fetch(`${process.env.NEXT_PUBLIC_APP_BASE_URL}/api/auth/logout`);
      if (response.status === 200) {
        alert("Logged out successfully");
        router.push("/login");
      } else {
        alert("Error logging out");
      }
    } catch (error) {
      alert("An error occurred while logging out");
    }
  };