diff --git a/js/src/common/models/User.ts b/js/src/common/models/User.ts
index e6ea1b265..af5a0a823 100644
--- a/js/src/common/models/User.ts
+++ b/js/src/common/models/User.ts
@@ -116,7 +116,7 @@ export default class User extends Model {
 
     if (groups) {
       groups.forEach((group) => {
-        items.add(`group${group?.id()}`, GroupBadge.component({ group }));
+        items.add(`group${group?.id()}`, <GroupBadge group={group} />);
       });
     }