commerce/components/cart/index.tsx

import { getCart } from 'lib/shopify';
import { cookies } from 'next/headers';
import CartModal from './modal';

export default async function Cart() {
  const cartId = cookies().get('cartId')?.value;
  let cart;

  if (cartId) {
    cart = await getCart(cartId);
    //pass logged_in true to shopify checout to utilize customer api
    //see: https://shopify.dev/docs/api/customer#step-stay-authenticated-on-checkout
    const newCheckoutUrl = new URL(cart?.checkoutUrl || '');
    newCheckoutUrl.searchParams.append('logged_in', 'true');
    cart = {
      ...cart,
      checkoutUrl: newCheckoutUrl.toString()
    };
  }

  return <CartModal cart={cart} />;
}