Hello,

I am trying to create a login form for my api and get back the cookie. I am receiving cookies but they are not set in my browser.

Maybe the issue is that I am getting cookies on 'server-side' and not client-side?

Here is the code:

import { authenticate } from "../lib/actions";

export default function Login() {
  return (
    <>
      <h1>Login</h1>
      <form action={authenticate}>
        <input type="text" name="uid" placeholder="uid" required />
        <input
          type="password"
          name="password"
          placeholder="Password"
          required
        />
        <button type="submit">Login</button>
      </form>
    </>
  );
}

"use server";

export async function authenticate(formData: FormData) {
  try {
    const response = await fetch("http://localhost:3333/auth/login", {
      method: "POST",
      body: JSON.stringify({
        uid: formData.get("uid"),
        password: formData.get("password"),
      }),
      credentials: "include",
      headers: {
        "Content-Type": "application/json",
      },
    });

    console.log(await response.json());
  } catch (error) {
    throw error;
  }
}