fix(user): avatar icon not shown in user

.changeset/nice-penguins-work.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/user": patch
+---
+
+Removed `name` from `avatarProps` in `use-user.ts` (#3369)

.changeset/ten-donuts-tease.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/user": patch
+---
+
+Removed `name` from `avatarProps` in `use-user.ts` (#3369)

packages/components/user/__tests__/user.test.tsx

@@ -1,6 +1,7 @@
 import * as React from "react";
 import {render} from "@testing-library/react";
 import {Link} from "@nextui-org/link";
+import {AvatarIcon} from "@nextui-org/avatar";
 
 import {User} from "../src";
 
@@ -19,10 +20,30 @@ describe("User", () => {
   });
 
   it("should have the passed name", () => {
-    const {container} = render(<User name="Test" />);
-    const name = container.querySelector("span");
+    const {getByText} = render(<User name="Test" />);
+    const nameElement = getByText("Test");
 
-    expect(name).toHaveTextContent("Test");
+    expect(nameElement).toBeInTheDocument();
+  });
+
+  it("should render the default icon if no name passed to avatar", () => {
+    const {queryByTestId} = render(
+      <User
+        avatarProps={{
+          radius: "full",
+          size: "sm",
+          icon: <AvatarIcon />,
+          classNames: {
+            base: "bg-gradient-to-br from-[#FFB457] to-[#FF705B]",
+            icon: "text-black/80",
+          },
+          name: "avatar-icon",
+        }}
+        name="Test"
+      />,
+    );
+
+    expect(queryByTestId("avatar-icon")).toBeNull();
   });
 
   it("should have the passed description", () => {

packages/components/user/src/use-user.ts

@@ -66,7 +66,6 @@ export function useUser(props: UseUserProps) {
 
   const avatarProps = {
     isFocusable: false,
-    name: typeof name === "string" ? name : undefined,
     ...userAvatarProps,
   };