diff --git a/src/hooks/useRole.ts b/src/hooks/useRole.ts
index 785a9793d68e38bc9aad578169aa195a0d84f9fc..217383ef569e9460e032229a00d7a9b43897e74b 100644
--- a/src/hooks/useRole.ts
+++ b/src/hooks/useRole.ts
@@ -4,8 +4,10 @@ import { useEffect, useState } from 'react';
 export const useRole = (): [
   string,
   React.Dispatch<React.SetStateAction<string>>,
+  boolean,
 ] => {
   const [role, setRole] = useState('');
+  const [isLoading, setIsLoading] = useState(true);
 
   useEffect(() => {
     let isMounted = true;
@@ -14,11 +16,12 @@ export const useRole = (): [
     getRole().then((responseRole) => {
       if (isMounted) {
         setRole(responseRole);
+        if (role !== null) setIsLoading(false);
       }
     });
     return () => {
       isMounted = false;
     };
   }, []);
-  return [role, setRole];
+  return [role, setRole, isLoading];
 };