title: Reactjs "Error: ENOENT: no such file or directory, open.." after converting jsx file to tsx
body: <p>I have a <code>create-react-app</code> app and I am translation files from <code>jsx</code> to <code>typescript</code>. For example, one file is called <code>/code/app_react/src/common/Action.jsx</code> and I renamed it to <code>/code/app_react/src/common/Action.tsx</code>. I made the necessary changes to successfully convert it to <code>tsx</code>, but I am getting an error related to the name change:</p>
  
  <blockquote>
    <p>./src/common/Action.jsx Error: ENOENT: no such file or
    directory, open
    '/code/src/common/Action.jsx'</p>
  </blockquote>
  
  <ul>
  <li>rebuilding the does not help</li>
  <li>for some reason, the old version of the file is expected</li>
  </ul>
  
  <p>The file importing this file is a <code>jsx</code> file, but now I am importing a <code>tsx</code> file into it.</p>
  
  <p>This is a CRA app, so is there a correct way to clear this error? </p>
  
  <p><strong>SOLUTION:</strong>
  I had to remove them from the <code>git</code> repository, using the <code>git rm</code> command, like this:</p>
  
  <pre><code>git rm /code/src/common/Action.jsx
  </code></pre>
  
  <p>Once I did that, it removed the <code>jsx</code> from the committed files and then I was able to use the new <code>tsx</code> files</p>