Проблемы с отображением значков SVG в React + Webpack

Я пытаюсь отобразить пользовательские значки SVG, которые были разработаны и экспортированы для Интернета. Они хранятся локально в папке с ресурсами.

Используя этот пакет "svg-inline-loader"

Вот как я использую значок:

import MainLogo from '../../../assets/svg/logos/mainlogo.svg';

<img src = {MainLogo} alt = "" />

Вот фрагмент, который у меня есть из конфигурации моего веб-пакета

//SVG Icon Loader
      {
        test: /\.svg$/,
        loader: 'svg-inline-loader'
      },

На выходе рендера я получаю следующее:

Однако значки SVG не отображаются, и этот путь выглядит некорректно.

Есть ли лучший способ сделать это или что я здесь делаю не так?