From 19fa91978977bfc31449f028ddfe0613bdcc0b4c Mon Sep 17 00:00:00 2001
From: nidhigarg-bmw <101316912+nidhigarg-bmw@users.noreply.github.com>
Date: Tue, 30 Jan 2024 18:15:19 +0530
Subject: [PATCH] fix(usermanagement): solve page load issue (#455)

---
 src/components/shared/frame/UserList/index.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/shared/frame/UserList/index.tsx b/src/components/shared/frame/UserList/index.tsx
index 1201b6a70..a30ebc80d 100644
--- a/src/components/shared/frame/UserList/index.tsx
+++ b/src/components/shared/frame/UserList/index.tsx
@@ -42,6 +42,12 @@ interface FetchHookArgsType {
   addUserResponse?: boolean
 }
 
+interface RoleType {
+  roleId: string
+  clientId: string
+  roleName: string
+}
+
 export const UserList = ({
   sectionTitle,
   addButtonLabel,
@@ -137,11 +143,11 @@ export const UserList = ({
             flex: 4,
             renderCell: ({ value: roles }) =>
               roles.length
-                ? roles.map((role: string) => (
+                ? roles.map((role: RoleType) => (
                     <StatusTag
-                      key={role}
+                      key={role.roleId}
                       color="label"
-                      label={role}
+                      label={role.roleName}
                       className="statusTag"
                     />
                   ))