Cookies are not setting on the browser using fetch/axios API but when I use Postman they work.

[CrispenGari]

I've a simple /auth/login route that set a jwt token to a cookie when you successfull authenticated:

authRouter.post("/login", async (ctx) => {
  await ctx.response.headers.set("Content-Type", "application/json");
   ....
      await ctx.cookies.set(__cookieName__, jwt, {
        sameSite: "lax",
        httpOnly: true,
        secure: false,
      });
      ctx.response.status = 200;
      return (ctx.response.body = {
        error: null,
        user: me,
      });
});

Here is how i'm configuring cors in on the server:

import { Application } from "https://deno.land/x/[email protected]/mod.ts";
import { oakCors as cors } from "https://deno.land/x/[email protected]/mod.ts";
import { authRouter, recipesRouter } from "./routes/index.ts";

const app = new Application();
app.use(cors({ origin: ["http://localhost:5173"], credentials: true }));
app.use(authRouter.routes());
app.use(recipesRouter.routes());
await app.listen({ port: 3001, secure: false });

Everything works when i test the API using postman. When i want to use axios/fetch api from my web app in the network tab on the response headers i can see that cookies are being set but they are not stored in the browser:

access-control-allow-credentials: true
access-control-allow-origin: http://localhost:5173
content-encoding: gzip
content-length: 113
content-type: application/json
date: Fri, 05 May 2023 18:59:15 GMT
set-cookie: qid=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6NiwiZW1haWwiOiJtZTRAZ21haWwuY29tIiwiaWF0IjoxNjgzMzEzMTU1fQ.KwMLUJ0G_3RLtQqG1XWfn22uWDUxI0cE9SBlAI6CsKI; path=/; samesite=lax; httponly
vary: Accept-Encoding

here is my axios instance:

import Axios from "axios";
export const axios = Axios.create({
  withCredentials: true,
  baseURL: "http://127.0.0.1:3001",
});

This is how i'm sending the request to the server:

const { data } = await axios.post("/auth/login", {
      ...values,
    });

Why cookies not stored in the browser?