here is my singout action file code:

'use server'
import { revalidatePath } from "next/cache";
import { cookies } from "next/headers";
import { redirect } from "next/navigation";

export const signout = async () => {
    cookies().delete("access_token");
    cookies().delete("refresh_token");
    cookies().delete("user");
    revalidatePath("/", "layout");
    redirect("/");
}

and here is my order action

"use server";
import axiosInstance from "@/components/axios";
import { signout } from "./signout_action";
import { returnCustomError } from "@/utilities/utils";

export const getOrders = async (pageNumber, query, filter) => {
    try {
        const res = await axiosInstance.get(
            `/api/reseller/orders/?page=${pageNumber}&search=${query}&status=${filter}`
        );
        return res?.data;
    } catch (error) {
        if (error.message === "Unauthorized") {
            signout();
        } else return [];
    }
};

now when user is unauthorized it run singout funtin and clear cookies in development mode and go to home page but ini the production it gives an error "cookies can only be modified in a server action or route handler next js" in the vercel logs

and show application error: a client side exceptions occured (see browser console)

this type of error shows on the screen

how to solve this in next js 14 app router