diff --git a/src/frontend/src/states/UserState.tsx b/src/frontend/src/states/UserState.tsx
index 0fdd27691a..e973f8c936 100644
--- a/src/frontend/src/states/UserState.tsx
+++ b/src/frontend/src/states/UserState.tsx
@@ -83,8 +83,9 @@ export const useUserState = create<UserStateProps>((set, get) => ({
     if (user?.is_superuser) return true;
     if (user?.roles === undefined) return false;
     if (user?.roles[role] === undefined) return false;
+    if (user?.roles[role] === null) return false;
 
-    return user?.roles[role].includes(permission);
+    return user?.roles[role]?.includes(permission) ?? false;
   },
   hasDeleteRole: (role: UserRoles) => {
     return get().checkUserRole(role, UserPermissions.delete);