Prettier removes "React" import on pressing save button ( Ctrl + S ). How to fix this?

Question

On pressing CTRL + S , prettier removes React import from tsx files, assuming its not used in the file.

How to fix this ?

user_4894872 · Answer

My tsconfig.json had the following settings:

{
   "compilerOptions": {
       "jsx": "preserve"
   }
}

Changing jsx value from preserve to react solved the issue.

{
   "compilerOptions": {
       "jsx": "react"
   }
}