listUsers returns status 401 UNAUTHORIZED even though the current user is an admin.

import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { authClient } from "@/lib/auth-client";
import { verifySession } from "@/lib/verify-session";

export default async function UsersPage() {
  const { user } = await verifySession();

  console.log("CURRENT USER: ", user);

  const { data } = await authClient.admin.listUsers({
    query: {
      limit: 10,
      offset: 0,
    },
  });

  const users = data?.users;

  return (
    <div className="space-y-4">
      <h1 className="text-3xl font-bold">Users</h1>
      <Card>
        <CardHeader>
          <CardTitle>Users</CardTitle>
        </CardHeader>
        <CardContent>
          <ul>
            {users && users.map((user) => <li key={user.id}>{user.email}</li>)}
          </ul>
        </CardContent>
      </Card>
    </div>
  );
}

CURRENT USER:  {
  id: 'ZjLohn28IT3OHklqxwAdspRV1Om2X0Ss',
  name: 'xxxx',
  email: 'xxx@gmail.com',
  emailVerified: true,
  image: null,
  createdAt: 2025-02-07T10:24:09.645Z,
  updatedAt: 2025-02-07T10:24:09.645Z,
  role: 'admin',
  banned: null,
  banReason: null,
  banExpires: null
}
 ✓ Compiled /api/auth/[...all] in 180ms (1197 modules)
 GET /api/auth/admin/list-users?limit=10&offset=0 401 in 345ms