[BUG] - Navbar

[DLDSystem]

HeroUI Version

2.7.2

Describe the bug

The Avatar component is not properly working as intended.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. Go to the Navbar component in the official HeroUI documentation
2. Click "Code" to see the code behind it
3. Click the Sandbox icon to run it in Sandbox then from there
4. Start the project then you'll se the Avatar component not behaving as expected

Expected behavior

As a user, I expect an avatar component with a full radius as what an avatar cmponent typcally look like but I'm seeing the exact square shape of it

Screenshots or Videos

Operating System Version

macOS

Browser

Other (add additional context)

[linear]

ENG-2182 [BUG] - Navbar

[wingkwong]

seems only happen in codesandbox but not in stackblitz

[DLDSystem]

I tried using it in my NextJS project and it seems it's not working as intended, I tried also to use the Avatar component in my other projects page but still it doesn't work properly

…

On Thu, Feb 27, 2025, 9:20 PM աӄա ***@***.***> wrote: seems only happen in codesandbox but not in stackblitz — Reply to this email directly, view it on GitHub <#4949 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BAYTV42VHPVT6QQ46H4KPDL2R4GIPAVCNFSM6AAAAABX7YEIJKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMOBXHE2DKMJYG4> . You are receiving this because you authored the thread.Message ID: ***@***.***> [image: wingkwong]*wingkwong* left a comment (heroui-inc/heroui#4949) <#4949 (comment)> seems only happen in codesandbox but not in stackblitz — Reply to this email directly, view it on GitHub <#4949 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BAYTV42VHPVT6QQ46H4KPDL2R4GIPAVCNFSM6AAAAABX7YEIJKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMOBXHE2DKMJYG4> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[wingkwong]

@DLDSystem if you are using pnpm, you need to add public-hoist-pattern[]=*@heroui/* to your .npmrc.

[DLDSystem]

I'm using npm as my project's package manager

…

On Fri, Feb 28, 2025, 1:00 AM աӄա ***@***.***> wrote: @DLDSystem <https://github.com/DLDSystem> if you are using pnpm, you need to add ***@***.***/* to your .npmrc. — Reply to this email directly, view it on GitHub <#4949 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BAYTV44I7JAYNN5MZI6ROYL2R5AAVAVCNFSM6AAAAABX7YEIJKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMOBYGU3DKOJUGI> . You are receiving this because you were mentioned.Message ID: ***@***.***> [image: wingkwong]*wingkwong* left a comment (heroui-inc/heroui#4949) <#4949 (comment)> @DLDSystem <https://github.com/DLDSystem> if you are using pnpm, you need to add ***@***.***/* to your .npmrc. — Reply to this email directly, view it on GitHub <#4949 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BAYTV44I7JAYNN5MZI6ROYL2R5AAVAVCNFSM6AAAAABX7YEIJKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDMOBYGU3DKOJUGI> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[wingkwong]

@DLDSystem please create another issue with a sandbox.