feat: hide avatar option

Author: Petar Todorovic

package.json

@@ -77,7 +77,7 @@
     "react-dom": "^19.0.0",
     "elliptic": "6.6.1"
   },
-  "packageManager": "pnpm@10.4.1",
+  "packageManager": "pnpm@10.10.0",
   "pnpm": {
     "ignoredBuiltDependencies": [
       "@biomejs/biome",

packages/rainbowkit/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stakekit/rainbowkit",
-  "version": "2.2.4",
+  "version": "2.2.5",
   "description": "The best way to connect a wallet",
   "files": ["dist", "styles.css", "wallets"],
   "type": "module",

packages/rainbowkit/src/components/Avatar/Avatar.tsx

@@ -13,6 +13,10 @@ interface AvatarProps {
 export function Avatar({ address, imageUrl, loading, size }: AvatarProps) {
   const AvatarComponent = useContext(AvatarContext);
 
+  if (!AvatarComponent) {
+    return null;
+  }
+
   return (
     <Box
       aria-hidden

packages/rainbowkit/src/components/RainbowKitProvider/AvatarContext.ts

@@ -11,4 +11,6 @@ export type AvatarComponent = React.FunctionComponent<AvatarComponentProps>;
 
 export const defaultAvatar = EmojiAvatar;
 
-export const AvatarContext = createContext<AvatarComponent>(defaultAvatar);
+export const AvatarContext = createContext<AvatarComponent | null>(
+  defaultAvatar,
+);

packages/rainbowkit/src/components/RainbowKitProvider/RainbowKitProvider.tsx

@@ -76,7 +76,7 @@ export interface RainbowKitProviderProps {
     disclaimer?: DisclaimerComponent;
   };
   coolMode?: boolean;
-  avatar?: AvatarComponent;
+  avatar?: AvatarComponent | null;
   modalSize?: ModalSizes;
   locale?: Locale;
   dialogRoot?: Element;
@@ -120,7 +120,7 @@ export function RainbowKitProvider({
     ...appInfo,
   };
 
-  const avatarContext = avatar ?? defaultAvatar;
+  const avatarContext = typeof avatar === 'undefined' ? defaultAvatar : avatar;
 
   return (
     <RainbowKitChainProvider