SvelteKit não está armazenando cookies ao fazer uma solicitação dentro da função `load`

No meu site SvelteKit eu faço uma solicitação ao meu backend dentro da LayoutServerLoadfunção, em formato +layout.server.ts. Ou seja, quando o site é aberto com um ?affiliate_id=blaparâmetro de consulta, quero enviar isso para o backend:

import type { LayoutServerLoad } from "./$types";
import { keyBy } from "$lib/utils";
import { backendUrl } from "$lib/config";

export const trailingSlash = "always";

export const load: LayoutServerLoad = async ({ locals, url, fetch }) => {
  const affiliate_id = url.searchParams.get("affiliate_id");
  if (affiliate_id) {
    const headers = {
      "Content-Type": "application/json",
      "X-CSRFToken": locals.csrfToken,
    };

    fetch(`${backendUrl}/shop/basket/`, { method: "POST", credentials: "include", headers, body: JSON.stringify({ affiliate_id }) })
      .catch(error => {
        console.error("Error storing affiliate_id: ", error);
      });
  }

  return {
    // I'm returning a bunch of data here
  };
};

O problema é que a resposta do backend contém um set-cookiecabeçalho e o cookie não está sendo armazenado no navegador.

Quando mudo minha loadfunção para apenas retornar affiliate_id:

export const load: LayoutServerLoad = async ({ locals, url }) => {
  return {
    affiliateId: url.searchParams.get("affiliate_id"),
    // and more data
  };
};

E então faça a solicitação dentro de +layout.svelte, então tudo funcionará bem.

<script lang="ts">
  import type { PageData } from "./$types";
  import { onMount } from "svelte";

  export let data: PageData;
  const { affiliateId } = data;

  onMount(async () => {
    if (affiliateId) {
      // Do the request here
    }
  });
</script>

<slot />

Agora o cookie da resposta está armazenado perfeitamente no navegador.

Por que o cookie não é armazenado ao fazer a mesma solicitação na loadfunção?