diff --git a/react-app/src/features/dashboard/index.tsx b/react-app/src/features/dashboard/index.tsx
index f53728168..e7bc5c73c 100644
--- a/react-app/src/features/dashboard/index.tsx
+++ b/react-app/src/features/dashboard/index.tsx
@@ -41,11 +41,14 @@ export const Dashboard = () => {
   const { data: userObj } = useGetUser();
   const osData = useOsData();
 
-  if (
-    userObj === undefined ||
-    (userObj.user["custom:cms-roles"] &&
-      !Object.values(UserRoles).some((role) => userObj.user["custom:cms-roles"].includes(role)))
-  ) {
+  const isAbleToAccessDashboard = () => {
+    return (
+      userObj.user["custom:cms-roles"] &&
+      Object.values(UserRoles).some((role) => userObj.user["custom:cms-roles"].includes(role))
+    );
+  };
+
+  if (userObj === undefined || !isAbleToAccessDashboard()) {
     return <Navigate to="/" />;
   }