Solved- Typescript, refers to a value, but is being used as a type here

Typescript : refers to a value, but is being used as a type here:

This error comes if you are using any react element or any other components like SVG image in a typescript file.

Typescript : refers to a value, but is being used as a type here

This error you might face if you are starting with typescript :)

So, what is the solution for this? Is it tough or will it require too many changes?

Solution:

Change your .ts file to .tsx. That’s it :) Make sure to use .tsx if you have any react components used in the file.