From e799216fbc003fedd5040962e9ee7d2dd39fe3ec Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Wed, 5 Nov 2025 04:37:56 +0000
Subject: [PATCH] Fix useCallback in useUserRole hook

---
 src/hooks/useUserRole.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/hooks/useUserRole.ts b/src/hooks/useUserRole.ts
index 516cc8ee..d8610654 100644
--- a/src/hooks/useUserRole.ts
+++ b/src/hooks/useUserRole.ts
@@ -1,4 +1,5 @@
 import { useQuery } from '@tanstack/react-query';
+import { useCallback } from 'react';
 import { supabase } from '@/lib/supabaseClient';
 import { useAuth } from '@/hooks/useAuth';
 import { queryKeys } from '@/lib/queryKeys';
@@ -72,10 +73,10 @@ export function useUserRole() {
   const permissions = permissionsQuery.data || null;
   const loading = rolesQuery.isLoading || permissionsQuery.isLoading;
 
-  const hasRole = (role: UserRole) => roles.includes(role);
-  const isModerator = () => hasRole('admin') || hasRole('moderator') || hasRole('superuser');
-  const isAdmin = () => hasRole('admin') || hasRole('superuser');
-  const isSuperuser = () => hasRole('superuser');
+  const hasRole = useCallback((role: UserRole) => roles.includes(role), [roles]);
+  const isModerator = useCallback(() => hasRole('admin') || hasRole('moderator') || hasRole('superuser'), [hasRole]);
+  const isAdmin = useCallback(() => hasRole('admin') || hasRole('superuser'), [hasRole]);
+  const isSuperuser = useCallback(() => hasRole('superuser'), [hasRole]);
 
   return {
     roles,