Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

[Feature]: export getHashCode for Avatar from avatar.ts for Fluentv8 PersonaInitialsColor / PersonaCoin support

Open Beginner friendly
#36,802 0 comments 0 reactions 1 assignee View on GitHub

Maintainers usually reply within 1 day

@ValentinaKozlova is already working on this.

Since Sep 29, 2026.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
78/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Active
Tech stack
react, typescript
Domain
frontend

Research direction

Start in avatar.ts for the Avatar component and inspect how getHashCode is currently used internally. Export getHashCode so FluentV8 PersonaInitialsColor and PersonaCoin support can use the same implementation, then verify the Avatar package still builds and the exported utility is available to consumers.

Written by the indexing model from the issue text.

Description

Component: Avatar Fluent UI react-components (v9) From Shield Needs: Backlog review Type: Feature
Area

React Components (@fluentui/react-components)

Describe the feature that you would like added

Please export getHashCode for Avatar from avatar.ts for FluentV8 PersonaInitialsColor / PersonaCoin support

This was available in FluentV8 to support things like diffs and version history, but it is unavailable in FluentV9 natively

Image

Yes, one could re-create the hash function in code, however exporting it would be safer and more consistent. Would be a small change. Example:
getAvatarColor(name: string): AvatarNamedColor

Additional context

No response

Have you discussed this feature with our team

No response

Validations
  • Check that there isn't already an issue that requests the same feature to avoid creating a duplicate.
Priority

Medium

Dominant language
TypeScript
Stars
20.3k
Forks
2.9k
Avg merge
2d 7h
Merged PRs (30d)
69

Getting set up

Open in Codespaces

Starts the project's dev container in your browser, under your own GitHub account.

  • No Dockerfile or Docker Compose file
  • Has a pull request template
  • No contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from microsoft/fluentui

All issues in microsoft/fluentui

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.