I am using Server Actions for authentication but the logOutAction not working. The access_token cookie is not getting cleared i can still see it in my brower. How to fix this?

'use server';

import { api } from '@/lib/api';

import { LogInFormType, SignUpFormType } from '@/schemas/auth.schema';
import { cookies } from 'next/headers';

const cookieStore = cookies();

export const signUpAction = async (values: SignUpFormType) => {
try {
const { data } = await api.post('/auth/signup', values);

const { access_token, ...userData } = data.data;

cookieStore.set('access_token', access_token);
return { success: true, message: data.message, data: userData };
} catch (error: any) {
return {
success: false,
message: error.response?.data.message,
errors: error.response?.data.errors,
};
}
};

export const logInAction = async (values: LogInFormType) => {
try {
const { data } = await api.post('/auth/login', values);
const { access_token, ...userData } = data.data;
cookieStore.set('access_token', access_token);

return { success: true, message: data.message, data: userData };
} catch (error: any) {
return {
success: false,
message: error.response?.data.message,
errors: error.response?.data.errors,
};
}
};

export const logOutAction = () => {
cookieStore.delete('access_token');
};