Next.js15의 cookies by “next/headers”

서론

next/headers 에서 가져오던 cookies가 변경되었습니다.

저는 fetch를 customhook으로 변경하여 사용 할 때 header의 cookie를 변경 할 때 이것을 사용했는데 마이그레이션 과정에서 오류가 발생하였습니다.

이 또한 발생이유는 Promise객체로 묶이게 되어서 였고 해결책을 전과 후로 비교해보겠습니다.

Next 14

    const cookieStore = cookies();
    // 2-2. 가져온 쿠키를 헤더에 담기위해 String으로 변환
    const cookieString =cookieStore.toString();

    const header = {
      "Content-Type": "application/json",
      ...(cookieString ? { Cookie: cookieString } : {}),
    };

Next 15

간단하게 await을 통하여 Promise를 풀어준후 똑같이 사용하면 됩니다.

    const cookieStore = cookies();
    // 2-2. 가져온 쿠키를 헤더에 담기위해 String으로 변환
    const cookieString = (await cookieStore).toString();

    const header = {
      "Content-Type": "application/json",
      ...(cookieString ? { Cookie: cookieString } : {}),
    };