Cookies in Next 14

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

export const dynamic = "force-dynamic"; // defaults to auto

export async function GET(request: Request, response: Response) {
    const myCookies = cookies().getAll();
    console.log(myCookies);

    return NextResponse.json({ message: "API GET" });
}

export async function POST(request: Request) {
    const cookieOptions = {
        expires: new Date("2025-01-01"),
    };
    cookies().set("test", "test", cookieOptions);
    const myCookies = cookies().getAll();
    console.log(myCookies);

    return NextResponse.json({ message: "API POST" });
}

import { cookies } from "next/headers";
import React from "react";

const AccountPage = async () => {
    const test = await fetch("http://localhost:3003/api", {
        method: "POST",
        credentials: "include",
    });

    const res = await fetch("http://localhost:3003/api");
    const data = await res.json();

    const myCookies = cookies().getAll();
    console.log(myCookies);

    return (
        <div>
            AccountPage
            <div>{JSON.stringify(data)}</div>
        </div>
    );
};

export default AccountPage;