How to specify default extension to import index.ts in Create React App?

Question

typescript

The question is, I import react components through index.js, the import is specified without an extension, that is, I first make a component and then import it into index.js and immediately export it, it works fine with js files, but when switching to ts, if I replace it with index.ts, then import flies because react is looking for a file with a js or json extension.
As I understand it, you need to expand the webpack config and enter there

<code>resolve: {
 extensions: ['.js', '.json', '.ts']</code>

}, but I don't want to EJECT the project. How can I make react see index.ts ?

Answer 1

Initiate project with --typescript flag