Cannot Use .js File In A React Tsx Project

So I have a typescript project (.tsx) this is actually a SharePoint Framework project (SPFx) but decided to post it here since this involves typescript in general. My main file is

Solution 1:

Update your tsconfig.json file with

...
  "compilerOptions": {
    "allowJs": true
...

so you basically add a allowJs property to compilerOptions object in your tsconfig.json file.