export default async function DashboardProjects({ searchParams }: DashboardProjectsProps) {
    const { query } = searchParams;

    const response = await getProjectsAction({ query });
    return null;
}

'use server';

import { request } from '@/api/client';
import { GetProjectsParams, GetProjectsResponse } from '@/api/type';

export async function getProjectsAction({ query }: GetProjectsParams) {
    const searchParams = new URLSearchParams();
    searchParams.set('query', query);
    const response = await request<GetProjectsResponse>('projects', searchParams);

    return response;
}

import { cookies } from 'next/headers';

import { getServerSession } from '@/lib/auth';

export const request = async <T>(
    path: string,
    searchParams?: URLSearchParams,
    requestOptions: RequestOptions = {
        authCheck: true,
    },
): Promise<RequestResponse<T>> => {
    ...
    const response = await fetch(url, {
        ...requestOptions,
        headers: {
            'Content-Type': 'application/json',
            ...requestOptions?.headers,
        },
        cache: 'no-store',
    });

    let data: unknown = await response.json();

    if (!response.ok) {
        if (response.status === 401 && requestOptions.authCheck) {
            console.log('clear server session');
            cookies().delete('user'); // HERE IS THE PROBLEM
        }

        return {
            status: 'error',
            code: (data as ExternalErrorResponse).statusCode,
            error: (data as ExternalErrorResponse).error,
            message: await errorMessageParser((data as ExternalErrorResponse).message),
        };
    }

    return {
        status: 'success',
        data: data as T,
    };
};