How to set up react-app for typescript?

Question

typescript

Such situation. I create an application using yarn create react-app app-name, then yarn ejectrun it and write in the webpack config

...
resolve: {
      modules: ['node_modules', 'src', paths.appNodeModules].concat(
        modules.additionalModulePaths || []
      ),
...

Now I can create the following structure:

--src
----pages
------index.js
------Auth
--------Auth.jsx
----App.jsx

In the index.js file In Auth.jsx the component itself And now in App.jsx I can import it with this: And everything works. Without any ./ ../../ etc. But if you ground js -> ts, jsx -> tsx, then everything stops working.export { default as Auth} from './Auth/Auth'

import { Auth } from 'pages'

Mistakes

As I understand it, you need to add something to webpack, but I don’t know what.

Answer 1

Added intsconfig.json

"compilerOptions": {
  ...
  "baseUrl": "./src",
  ...

And everything worked

Answer 2

ts is out of the box in cra