Как в React импортировать в компонент svg, что зависит от значения проп

Question

У меня есть библиотека в node_modules, которая содержит 50 svgs. И я рендеринг некоторого компонента, который показывает один из SVG. У него есть проп svgName, и я хочу импортировать динамически необходимый SVG.

// normally svg can be importted in this way
import svg1 from 'lib/1.svg';

const MyComponent = ({svgName}) => {
  // I want something like this
  const svg1 = import(`lib/${svgName}.svg`);

  return (
    // this component render svg in circle
    <Icon
      src={svg1}
    />
  );
}

Как я могу это сделать?