⨯ Error: Cookies can only be modified in a Server Action or Route Handler. Read more: https://nextjs.org/docs/app/api-reference/functions/cookies#options
    at getCart (file:...)
    at async Home (file:...)
  19 |     const id = crypto.randomUUID();
  20 |
> 21 |     cookiesInstance.set("cart", id, {
     |                    ^
  22 |       httpOnly: true,
  23 |       secure: true,
  24 |       sameSite: "strict", {
  digest: '1331757352'
}

"use server";

import { client } from "@/sanity/lib/client";
import {
  CART_BY_SESSIONID_QUERY,
  PRODUCT_BY_ID_QUERY,
} from "@/sanity/lib/queries";
import { cookies } from "next/headers";
import { Cart } from "../../../sanity.types";

export async function getCart(): Promise<Cart> {
  let cart: Cart;

  const cookiesInstance = await cookies();

  const cartCookie = cookiesInstance.get("cart");

  if (!cartCookie) {
    const id = crypto.randomUUID();

    cookiesInstance.set("cart", id, {
      httpOnly: true,
      secure: true,
      sameSite: "strict",
      path: "/",
    });

    cart = await client.create({
      _type: "cart",
      sessionId: id,
      items: [],
      price: 0,
    });
  } else {
    const existingCart = await client.fetch(
      CART_BY_SESSIONID_QUERY,
      { sessionId: cartCookie.value },
      { useCdn: false }
    );

    if (!existingCart) {
      cookiesInstance.delete("cart");
      return getCart();
    }

    cart = existingCart;
  }

  return cart;
}