Empty headers export

[ramiroazar]

We often look at the demo store for reference.

I'm having trouble understanding the current caching strategy.

I can see that routes and loaders share headers.

hydrogen-demo-store/app/routes/($locale).products.$productHandle.tsx

Line 39 in ea1db72

export const headers = routeHeaders;

However, the headers export doesn't seem to be doing anything, since headers were removed from loaders.

Shopify/hydrogen#991

Can someone please explain the reasoning behind that pull request a bit more?

Cart requests are deferred and cart components are suspended, but are they still at risk of incorrectly getting cached?

hydrogen-demo-store/app/root.tsx

Line 91 in ea1db72

cart: cart.get(),

hydrogen-demo-store/app/components/Layout.tsx

Line 107 in ea1db72

function CartDrawer({isOpen, onClose}: {isOpen: boolean; onClose: () => void}) {

hydrogen-demo-store/app/components/Layout.tsx

Line 338 in ea1db72

function CartCount({

Is there some way of leveraging route and/or loader caching for improved performance without interfering with the cart components?