How to fallback img in React

<img 
    src={user.avatarUrl} 
    onError={(e) => {
        e.target.onerror = null; 
        e.target.src = "/images/default.png"
    }}
/>

interface Props {
    src: string
    className: string
    fallback: string
}

export default function FallbackImg(props: Props) {
    return (
        <img className={props.className} 
            src={props.src} 
            onError={(e) => {
                // @ts-ignore
                e.target.src = props.fallback
        }} />
    )
}

var el = document.createElement('div')
 el.className = 'marker'
el.style.backgroundImage = `url('${user.avatarUrl}'), url('/images/user.png')`