Fix validateDOMNesting error

Message: "validateDOMNesting(...): <button> cannot appear as a descendant of <button>"
CruGlobal · Dec 19, 2024 · 75421c8 · 75421c8
1 parent eaf5e36
commit 75421c8
Showing 1 changed file with 12 additions and 14 deletions.
diff --git a/src/components/Layouts/Primary/TopBar/Items/ProfileMenu/ProfileName.tsx b/src/components/Layouts/Primary/TopBar/Items/ProfileMenu/ProfileName.tsx
@@ -69,20 +69,18 @@ const ProfileName = ({
       {!impersonating && (
         <IconButton onClick={onProfileMenuOpen} data-testid="profileMenuButton">
           <Box display="flex" alignItems="center" m={-1}>
-            <IconButton>
-              {loading || !avatar ? (
-                <StyledAccountIcon data-testid="AccountIconInTopBar" />
-              ) : (
-                <Avatar
-                  data-testid="AvatarInTopBar"
-                  src={avatar}
-                  sx={{
-                    width: 30,
-                    height: 30,
-                  }}
-                />
-              )}
-            </IconButton>
+            {loading || !avatar ? (
+              <StyledAccountIcon data-testid="AccountIconInTopBar" />
+            ) : (
+              <Avatar
+                data-testid="AvatarInTopBar"
+                src={avatar}
+                sx={{
+                  width: 30,
+                  height: 30,
+                }}
+              />
+            )}
             {children}
           </Box>
         </IconButton>