Profile Container - Copy this React, Mui Component to your project

use this // import React from 'react' import { Avatar, AvatarGroup, Box, Grid } from "@mui/material" import { useSelector } from "react-redux"; const Profile = () => { const auth = useSelector((state) => state); const userName = auth.login.user.username; return ( <Box sx={{ pt: "8px", ml: 5, mr: 5 }}> <Grid container alignItems="center"> <Grid> <Avatar sx={{ bgcolor: "#2C728F", width: 56, height: 56 }}> {userName[0]} </Avatar> </Grid> </Grid> </Box> ) } export default Profile