Object [AxiosHeaders] {
  'x-powered-by': 'Express',
  'access-control-allow-origin': 'http://localhost:3000',
  'access-control-allow-headers': 'x-auth-token, Origin, X-Requested-With, Content-Type, Accept',  
  'access-control-allow-credentials': 'true',
  'access-control-allow-methods': 'GET, POST, OPTIONS, PUT, DELETE, PATCH',
  'set-cookie': [
    'tkAccess=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjgyYWQ1NzRhLWRiNTktNGI0Ni1hZTI3LTE5NjZmZmNiNTY5NSIsInVzZXJuYW1lIjoiRmVsZHVxdWUiLCJlbWFpbCI6ImpmLmR1cXVlNTU3QGdtYWlsLmNvbSIsImF2YXRhcl91cmwiOm51bGwsImlhdCI6MTc0MTY2MjE3NiwiZXhwIjoxNzQxNjYzMDc2fQ.oUGMMIXkc4fHyT3P1dCSNhJUSA_l-auAYNSetKo5sDc; Max-Age=900; Path=/; Expires=Tue, 11 Mar 2025 03:17:56 
GMT; HttpOnly'
  ],
  'content-type': 'application/json; charset=utf-8',
  'content-length': '326',
  etag: 'W/"146-rIF2qKmlMH9Anfi3rTofaVHuYhw"',
  date: 'Tue, 11 Mar 2025 03:02:56 GMT',
  connection: 'keep-alive',
  'keep-alive': 'timeout=5'
}

export async function updateAccessToken(token: string) {
  (await cookies()).set("tkAccess", token, {
    httpOnly: true,
    secure: process.env.NODE_ENV === "production",
    maxAge: 60 * 15,
  });
}

const clientApi = axios.create({
  baseURL: process.env.NEXT_PUBLIC_API_URL,
  timeout: 10000,
  headers: {
    "Content-Type": "application/json",
    Accept: "application/json",
  },
  withCredentials: true, // This only works on the client side
});

// Create a server-side Axios instance
const serverApi = axios.create({
  baseURL: process.env.NEXT_PUBLIC_API_URL || process.env.API_URL, // Fallback to server env
  timeout: 10000,
  headers: {
    "Content-Type": "application/json",
    Accept: "application/json",
  },
  withCredentials: true, // This only works on the client side
});

'use client';

import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { useState } from "react";
import { setCookie } from "./actions";

export default function Page() {
  const [value, setValue] = useState('')
  return (
    <div >
      <Input value={value} onChange={(v) => { setValue(v.target.value) }} />
      <Button onClick={async () => await setCookie('boo', value)}>Click me to set cookie!</Button>
    </div>
  );
}

"use server"

import { cookies } from "next/headers"

export async function setCookie(name, value) {
    const cookieStore = await cookies()

    cookieStore.set(name, value, {
        httpOnly: true,
        secure: process.env.NODE_ENV === "production",
        maxAge: 60 * 60 * 24 * 7, // 1 week
        path: "/",
    })

    return;
}