Typescript error

I am trying to restrict access to the admin panel to just

and

both of which are roles on the user collection.

problem: I get the typescript error when i hover over

access control function:

 Type 'Access' is not assignable to type '(args?: any) => boolean | Promise<boolean>'.
  Type 'AccessResult | Promise<AccessResult>' is not assignable to type 'boolean | Promise<boolean>'.
    Type 'Where' is not assignable to type 'boolean | Promise<boolean>'.
      Type 'Where' is missing the following properties from type 'Promise<boolean>': then, catch, finally, [Symbol.toStringTag]ts(2322)
types.d.ts(311, 9): The expected type comes from property 'admin' which is declared here on type '{ create?: Access; read?: Access; readVersions?: Access; update?: Access; delete?: Access; admin?: (args?: any) => boolean | Promise<boolean>; unlock?: Access; }'

Here is my Users collectio:

import { CollectionConfig } from "payload/types";
import isSuperAdmin from "../access/isSuperAdmin";
import isAdmin from "../access/isSuperAdmin";
import isSuperAdminOrAdmin from "../access/isSuperAdminOrAdmin";

const Users: CollectionConfig = {
  slug: "users",
  auth: {
    cookies: {
      // disabe "secure" property when in development mode, otherwise no cookies will be set
      // secure: process.env.PAYLOAD_ENV !== "development",
      sameSite: process.env.PAYLOAD_ENV === "testing" ? "none" : "lax",
    },
  },
  access: {
    create: isAdmin,
    admin: isSuperAdminOrAdmin,
  },
  admin: {
    useAsTitle: "email",
  },
  fields: [
    {
      name: "fullName",
      label: "Full Name",
      type: "text",
      // required: true,
    },
    {
      name: "phoneNumber",
      type: "number",
      label: "Phone Number",
      // required: true,
      unique: true,
    },
    {
      name: "transactionPin",
      type: "number",
      label: "Transaction Pin",
      // hidden: true, #uncomment this to make Transaction Pin to be visible in the admin UI
      // required: true,
      unique: true,
    },
    {
      name: "roles",
      type: "select",
      hasMany: true,
      saveToJWT: true,
      options: [
        {
          label: "Super Admin",
          value: "superAdmin",
        },
        {
          label: "Admin",
          value: "admin",
        },
        {
          label: "Api User",
          value: "apiUser",
        },
        {
          label: "Normal user",
          value: "normalUser",
        },
      ],
    },
  ],
};

export default Users;

function:

import { Access } from "payload/types";
import { User } from "../payload-types";

const isSuperAdminOrAdmin: Access<any, User> = async ({ req: { user } }) => {
  const isSuperAdmin = user?.roles?.includes("superAdmin");
  const isAdmin = user?.roles?.includes("admin");

  return Boolean(isSuperAdmin || isAdmin);
};

export default isSuperAdminOrAdmin;