Prevent the colorHash prop being leaked to the DOM (#882)

Fixes „React does not recognize the `colorHash` prop on a DOM element.“ messages.

.changeset/yellow-seas-attend.md

@@ -0,0 +1,5 @@
+---
+'@matrix-widget-toolkit/mui': patch
+---
+
+Prevent leak of colorHash prop to the DOM when using an avatar

packages/mui/src/components/ElementAvatar/ElementAvatar.tsx

@@ -86,7 +86,7 @@ export type ElementAvatarProps = {
 } & AvatarProps;
 
 const StyledAvatar = styled(Avatar, {
-  shouldForwardProp: (p) => p !== 'color',
+  shouldForwardProp: (p: string) => !['color', 'colorHash'].includes(p),
 })<{ colorHash: number }>(({ theme, colorHash }) => ({
   // increase the specificity of the css selector to override styles of
   // chip or button components that provide their own css for avatars.