При запуске приложения получаю ошибку Critical dependency, как исправить?

Question

[JadDy]

Получаю ошибку: "Critical dependency: the request of a dependency is an expression" при использовании динамического импорта файлов. Файл импортирую подобным образом

const loadStepScreen = async (elem: string) => {
    if (elem) {
      await import(`../screens/ModalScreens/${elem}.tsx`).then((importData) => {
        setStepScreen(() => {
          return importData.default;
        });
      })
    }
  };

В конфиге бабеля также добавил плагин - @babel/plugin-syntax-dynamic-import. В чём проблема так и не могу разобраться, если название файла статическое, то всё работает, в ином случае не пашет. Чистил кэш npm и переустанавливал node_modules по советам, но это также не помогло

Comments

[Михаил Р.]

Напишите код текстом, оформив его соответствующим тегом.

[JadDy]

Михаил Р., переделал

[JadDy]

muscimolus, использовал подобный подход на одном из проектов, вполне себе работал, но там проект был создан через create-react-app, а на текущем используется свой самописный вебпак и на нём уже не работает. Возможно есть какие-то зависимости для него, но к сожаление нигде найти не могу