Undefined cookie inside middleware

if (!contractId && process.server) {
    const contract: { id: string } = await $fetch('/api/get-contract-id');
    // when i got contractId a set it up too cookie
    setCookie({ contractId: contract.id });

    // after setup cookie i redirect to page vie name
    return navigateTo({
      name: `online-contractId-first-page`,
      query: {
        ...from.query,
      },
      params: {
        contractId: contract.id,
      },
    });
  }

  // after navigate the cookie is undefined, and when i hit f5 its working
  console.log(cookie);
  if (!cookie) {
    throw createError({
      message: 'Cookie not exist',
      fatal: true,
    });
  }

if (!contractId && process.server) {
    const contract: { id: string } = await $fetch('/api/get-contract-id');
    // when i got contractId a set it up too cookie
    setCookie({ contractId: contract.id });

    // after setup cookie i redirect to page vie name
    return navigateTo({
      name: `online-contractId-first-page`,
      query: {
        ...from.query,
      },
      params: {
        contractId: contract.id,
      },
    });
  }

  // after navigate the cookie is undefined, and when i hit f5 its working
  console.log(cookie);
  if (!cookie) {
    throw createError({
      message: 'Cookie not exist',
      fatal: true,
    });
  }