Field Hook AfterRead returns null for the user and applies the filtered data incorrectly

[vqhdev]

memberTab.ts:

import type { Tab } from 'payload';
import { withTypedT } from '@/utils/withTypedT';
import { ensureMembersUniqueHook } from '@/collections/Teams/hooks/beforeValidate/ensureMembersUnique';
import { denyFieldAccess } from '@/access/deny';
import { adminFieldAccess } from '@/collections/Users/access/admin';
import { hideInactiveMembersHook } from '@/collections/Teams/hooks/afterRead/hideInactiveMembers';

export const memberTab: Tab = {
  label: ({ t }) => withTypedT(t)('general:member'),
  fields: [
    {
      label: ({ t }) => withTypedT(t)('general:owner'),
      type: 'relationship',
      relationTo: 'users',
      name: 'owner',
      required: true,
    },
    {
      label: ({ t }) => withTypedT(t)('general:members'),
      labels: {
        singular: ({ t }) => withTypedT(t)('general:member'),
        plural: ({ t }) => withTypedT(t)('general:members'),
      },
      type: 'array',
      name: 'members',
      fields: [
        {
          label: ({ t }) => withTypedT(t)('general:user'),
          type: 'relationship',
          relationTo: 'users',
          name: 'user',
          required: true,
        },
        {
          label: ({ t }) => withTypedT(t)('general:roles'),
          type: 'select',
          name: 'roles',
          required: true,
          hasMany: true,
          options: [
            {
              label: ({ t }) => withTypedT(t)('teamRoles:leader'),
              value: 'leader',
            },
            {
              label: ({ t }) => withTypedT(t)('teamRoles:editor'),
              value: 'editor',
            },
            {
              label: ({ t }) => withTypedT(t)('teamRoles:translator'),
              value: 'translator',
            },
            {
              label: ({ t }) => withTypedT(t)('teamRoles:author'),
              value: 'author',
            },
            {
              label: ({ t }) => withTypedT(t)('teamRoles:betaReader'),
              value: 'betaReader',
            },
            {
              label: ({ t }) => withTypedT(t)('teamRoles:graphicDesigner'),
              value: 'graphicDesigner',
            },
          ],
        },
        {
          label: ({ t }) => withTypedT(t)('general:isActive'),
          type: 'checkbox',
          name: 'isActive',
          defaultValue: false,
          required: true,
          access: {
            create: adminFieldAccess,
            update: adminFieldAccess,
          },
        },
        {
          type: 'text',
          name: 'activeToken',
          required: false,
          hidden: true,
          access: {
            read: denyFieldAccess,
            update: denyFieldAccess,
            create: denyFieldAccess,
          },
        },
        {
          label: ({ t }) => withTypedT(t)('general:joinedAt'),
          type: 'date',
          name: 'joinedAt',
          required: true,
          defaultValue: () => new Date(),
          admin: {
            date: {
              pickerAppearance: 'dayAndTime',
            },
          },
        },
      ],
      admin: {
        components: {
          RowLabel: '@/components/TeamRowLabel#TeamRowLabel',
        },
      },
      hooks: {
        beforeValidate: [ensureMembersUniqueHook],
        afterRead: [hideInactiveMembersHook],
      },
    },
  ],
};

hideInactiveMembers.ts:

import type { FieldHook } from 'payload';
import type { Team } from '@/payload-types';
import { checkRoles } from '@/collections/Users/access/checkRoles';

export const hideInactiveMembersHook: FieldHook<Team, Team['members'], Team> = async ({
  value,
  data,
  req: { user, payload },
}) => {
  if (!value || value.length < 1) {
    return value;
  }
  if (user) {
    if (checkRoles(['admin'], user?.roles)) {
      return value;
    }
    const members = await payload.find({
      collection: 'teams',
      depth: 0,
      limit: 1,
      where: {
        and: [
          {
            id: {
              equals: data?.id,
            },
          },
          {
            or: [
              {
                owner: {
                  equals: user.id,
                },
              },
              {
                and: [
                  {
                    'members.user': {
                      equals: user.id,
                    },
                  },
                  {
                    'members.isActive': {
                      equals: true,
                    },
                  },
                ],
              },
            ],
          },
        ],
      },
    });
    if (members.totalDocs > 0) {
      return value;
    }
  }
  const currentUserId = user?.id;
  const items = value.filter((item) => {
    if (item.isActive) {
      return true;
    }
    const targetUserId = typeof item.user === 'string' ? item.user : item.user.id;
    return targetUserId === currentUserId;
  });
  console.log('Original data:', value);
  console.log('Filtered:', items);
  console.log('Current User:', user);
  return items;
};

GraphQL query:

query Team {
    Team(id: "68b647168a3e8726020613a7") {
        id
        name
        owner {
            id
            fullName
            roles
        }
        members {
            roles
            isActive
            id
            user {
                id,
                fullName
                roles
            }
        }
    }
}

No login (correct result):
Result:

{
    "data": {
        "Team": {
            "id": "68b647168a3e8726020613a7",
            "name": "Team Name",
            "owner": {
                "id": "68b0182fc20aec859d0dc5f0",
                "fullName": "Admin",
                "roles": [
                    "member",
                    "admin"
                ]
            },
            "members": [
                {
                    "roles": [
                        "translator"
                    ],
                    "isActive": true,
                    "id": "68b647ad9a68202def2023d9",
                    "user": {
                        "id": "68b2f13921e1accf021c6b76",
                        "fullName": "User 6",
                        "roles": [
                            "member"
                        ]
                    }
                }
            ]
        }
    }
}

Log info:

payload-cms:dev: Original data: [
payload-cms:dev:   {
payload-cms:dev:     user: '68b2f12921e1accf021c6b6a',
payload-cms:dev:     roles: [ 'leader' ],
payload-cms:dev:     isActive: false,
payload-cms:dev:     joinedAt: '2025-09-02T01:25:39.197Z',
payload-cms:dev:     id: '68b647929a68202def2023d7'
payload-cms:dev:   },
payload-cms:dev:   {
payload-cms:dev:     user: '68b2f13921e1accf021c6b76',
payload-cms:dev:     roles: [ 'translator' ],
payload-cms:dev:     isActive: true,
payload-cms:dev:     joinedAt: '2025-09-02T01:26:06.093Z',
payload-cms:dev:     id: '68b647ad9a68202def2023d9'
payload-cms:dev:   },
payload-cms:dev:   {
payload-cms:dev:     user: '68b2f12e21e1accf021c6b6d',
payload-cms:dev:     roles: [ 'graphicDesigner' ],
payload-cms:dev:     isActive: false,
payload-cms:dev:     joinedAt: '2025-09-02T02:13:32.610Z',
payload-cms:dev:     id: '68b652ccd3b1a969880d7d2f'
payload-cms:dev:   }
payload-cms:dev: ]
payload-cms:dev: Filtered: [
payload-cms:dev:   {
payload-cms:dev:     user: '68b2f13921e1accf021c6b76',
payload-cms:dev:     roles: [ 'translator' ],
payload-cms:dev:     isActive: true,
payload-cms:dev:     joinedAt: '2025-09-02T01:26:06.093Z',
payload-cms:dev:     id: '68b647ad9a68202def2023d9'
payload-cms:dev:   }
payload-cms:dev: ]
payload-cms:dev: Current User: null

After logging in as User 3:
Result:

{
    "data": {
        "Team": {
            "id": "68b647168a3e8726020613a7",
            "name": "Team Name",
            "owner": {
                "id": "68b0182fc20aec859d0dc5f0",
                "fullName": "Admin",
                "roles": [
                    "member",
                    "admin"
                ]
            },
            "members": [
                {
                    "roles": [
                        "leader"
                    ],
                    "isActive": false,
                    "id": "68b647929a68202def2023d7",
                    "user": {
                        "id": "68b2f12921e1accf021c6b6a",
                        "fullName": "User 2",
                        "roles": [
                            "member"
                        ]
                    }
                },
                {
                    "roles": [
                        "translator"
                    ],
                    "isActive": true,
                    "id": "68b647ad9a68202def2023d9",
                    "user": {
                        "id": "68b2f13921e1accf021c6b76",
                        "fullName": "User 6",
                        "roles": [
                            "member"
                        ]
                    }
                },
                {
                    "roles": [
                        "graphicDesigner"
                    ],
                    "isActive": false,
                    "id": "68b652ccd3b1a969880d7d2f",
                    "user": {
                        "id": "68b2f12e21e1accf021c6b6d",
                        "fullName": "User 3",
                        "roles": [
                            "member"
                        ]
                    }
                }
            ]
        }
    }
}

Log info:

payload-cms:dev: Original data: [
payload-cms:dev:   {
payload-cms:dev:     user: '68b2f12921e1accf021c6b6a',
payload-cms:dev:     roles: [ 'leader' ],
payload-cms:dev:     isActive: false,
payload-cms:dev:     joinedAt: '2025-09-02T01:25:39.197Z',
payload-cms:dev:     id: '68b647929a68202def2023d7'
payload-cms:dev:   },
payload-cms:dev:   {
payload-cms:dev:     user: '68b2f13921e1accf021c6b76',
payload-cms:dev:     roles: [ 'translator' ],
payload-cms:dev:     isActive: true,
payload-cms:dev:     joinedAt: '2025-09-02T01:26:06.093Z',
payload-cms:dev:     id: '68b647ad9a68202def2023d9'
payload-cms:dev:   },
payload-cms:dev:   {
payload-cms:dev:     user: '68b2f12e21e1accf021c6b6d',
payload-cms:dev:     roles: [ 'graphicDesigner' ],
payload-cms:dev:     isActive: false,
payload-cms:dev:     joinedAt: '2025-09-02T02:13:32.610Z',
payload-cms:dev:     id: '68b652ccd3b1a969880d7d2f'
payload-cms:dev:   }
payload-cms:dev: ]
payload-cms:dev: Filtered: [
payload-cms:dev:   {
payload-cms:dev:     user: '68b2f13921e1accf021c6b76',
payload-cms:dev:     roles: [ 'translator' ],
payload-cms:dev:     isActive: true,
payload-cms:dev:     joinedAt: '2025-09-02T01:26:06.093Z',
payload-cms:dev:     id: '68b647ad9a68202def2023d9'
payload-cms:dev:   }
payload-cms:dev: ]
payload-cms:dev: Current User: null

What happened? When I log in as User 3, its isActive is false, so the members should return User 6 and itself (User 3). But why is it also returning User 2? And in the log, why is user === null? I’m extremely confused and don’t understand how this works.