материал пользовательский интерфейс аватар дисплей локальное изображение сломано

Question

<Avatar style={{
        width: 40,
        height: 40,
        float: 'left',
        objectFit:'cover',
        backgroundColor:'#aa0000',
      }} src='./image/head.png'/>

Аватар отображает разбитое изображение, я не знаю почему? Любое тело поможет.

Answer 1

imprt AvatarBg from './image/head.png'

<Avatar src={AvatarBg}/>

После использования верхнего кода все работает