beatsaber-overlay/components/Avatar.js

import Image from "next/image";

/**
 * 
 * placeholder?: PlaceholderValue;
    blurDataURL?: string;
    unoptimized?: boolean;
 * @param {*} props 
 * @returns 
 */

const Avatar = (props) => {
    return <>
        <Image 
            className={'player-avatar'}
            src={props.url}
            width={180}
            height={180}
            alt={'Avatar image'}
            loading='lazy'
            placeholder="blur"
            blurDataURL="https://cdn.fascinated.cc/MhCUeHZLsh.webp?raw=true"
            unoptimized={true}
        />
    </>
}

export default Avatar;