Currently, I am faced with an issue while trying to display a .svg file in the header of a drawer using Material-UI and create-react-app. Instead of the expected .svg image, all I see is a broken image rendering. Any assistance on resolving this problem would be highly appreciated. Thank you!
<DrawerHeader>
<div>
<Icon classes={{root: classes.iconRoot}}>
<img className={classes.imageIcon} src="/assets/logo.svg"/>
</Icon>
</div>
</DrawerHeader>
imageIcon: {
display: 'flex',
height: '100%',
width: 'inherit'
},
iconRoot: {
textAlign: 'center'
},