title: Is there any downside to using .tsx instead of .ts all the times in typescript?
body: <p>I just start working on a React project with TypeScript and ask myself what should I do with regular class files? Should I use <code>.ts</code> or <code>.tsx</code> files and then I couldn't find any reason to do not using <code>.tsx</code> file all the times even when it's not a React project! </p>
  
  <p>Is there any reason or specific situation that we shouldn't use <code>.tsx</code> files? if no, why TypeScript team add whole new extension? </p>