diff --git a/apps/console/src/features/roles/components/edit-role/edit-role-permission.tsx b/apps/console/src/features/roles/components/edit-role/edit-role-permission.tsx
index 3c25dafe6e1..51cf862408b 100644
--- a/apps/console/src/features/roles/components/edit-role/edit-role-permission.tsx
+++ b/apps/console/src/features/roles/components/edit-role/edit-role-permission.tsx
@@ -118,7 +118,9 @@ export const UpdatedRolePermissionDetails: FunctionComponent<RolePermissionDetai
     } = useAPIResourceDetails(selectedAPIResourceId);
 
     useEffect(() => {
-        !isReadOnly && getExistingAPIResources();
+        !isReadOnly 
+            ? getExistingAPIResources()
+            : null;
     }, [ role ]);
 
     /**