UserAvatarContext

Provides the current user's avatar element.
import { UserAvatarContext } from '@superinterface/react' import { useContext } from 'react' export const UserAvatar = () => { const avatar = useContext(UserAvatarContext) return avatar }

Provider

Override the avatar with UserAvatarContext.Provider.
import { UserAvatarContext, Avatar } from '@superinterface/react' ;<UserAvatarContext.Provider value={<Avatar src="/me.png" />}> {children} </UserAvatarContext.Provider>

Consumer

<UserAvatarContext.Consumer>{(avatar) => avatar}</UserAvatarContext.Consumer>