Расширения файлов React typescript .tsx

Я меняю свой реактивный проект на реактивный машинописный текст. Я уже создал tsconfig и eslintrc и все готово и работает. Я также изменил все свои файлы js на файлы tsx. Но теперь я получаю сообщение об ошибке, которое он не распознает import App from "./App", и мне нужно добавить .tsx "./App.tsx". Я знаю, что могу изменить файл конфигурации веб-пакета, и я добавил это:

module.exports = {
resolve: {
    enforceExtension: false,
    extensions: ['.ts', '.tsx', '.js', '.json'],
},
};

Но это не помогло, все равно выдает ту же ошибку. Как я могу изменить файл конфигурации, чтобы он знал, что нужно читать файлы .tsx? Должен ли я изменить eslintrc? цконфиг? или вебпак? Спасибо

P.s. Я использовал приложение Create React, поэтому у меня уже есть конфигурация веб-пакета по умолчанию.