MUI - как на одной странице вывести две разные иконки
Использую MUI. Пытаюсь разместить на одной странице несколько иконок svg.
import { ReactComponent as Icon1 } from '../../img/svg/Icon1.svg'
import { ReactComponent as Icon2 } from '../../img/svg/Icon2.svg'
.......
<SvgIcon component={Icon1} inheritViewBox />
<SvgIcon component={Icon2} inheritViewBox />
В результате везде отображается иконка "Icon1". Если две последние строки поменять местами - везде будет отображаться "Icon2"!!!
Как мне отобразить две разные иконки? Спасибо.
Пробовал обновлять и переустанавливать библиотеки.
Источник: Stack Overflow на русском