Adding typescript to an existing react App

Question

I am trying to add/convert my existing react app (Almost empty) into typescript instead of JS. So based on some tutorials I have added a tsconfig.json into my project root with below contents

{
    "compilerOptions": {
      "outDir": "./dist/",
      "noImplicitAny": true,
      "module": "es6",
      "target": "es5",
      "jsx": "react",
      "allowJs": true,
      "moduleResolution": "node",
    }
  }

Then I installed typescript

npm install -g typescript

So what I did next is renamed my index.js as index.tsx and app.js and app.tsx and there is simple container component which I renamed to tsx as well.

But when I run the application by npm start its showing below error

I didnt get what I missed or what I did wrong. Very new to React.

Sachila Ranawaka · Accepted Answer · 2022-12-12 10:36:20Z

2

Install types for the react

npm i -D @types/react @types/react-dom

answered Dec 12, 2022 at 10:36

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sandeep Thomas Over a year ago

Thanks a lot for that. It resolved this issue with a minor tweak. So changed it to import * as React from 'react'; import * as ReactDOM from 'react-dom/client';

Collectives™ on Stack Overflow

Adding typescript to an existing react App

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related