title: How to rename React components _and_ have the 'imports' refactored too?
body: <p>When renaming a React component, how do you ensure the new name is used everywhere?</p>
  
  <p>E.g. <code>OldComponent</code> -> <code>NewComponent</code></p>
  
  <p>The IDE I'm currently using (IntelliJ IDEA) only part does the job. For example, it will leave the variables with the old name in <code>import</code> statements:</p>
  
  <pre><code>import OldComponent from 'components/NewComponent.jsx'
  ...
  &lt;OldComponent /&gt;
  </code></pre>
  
  <p>Do people generally avoid refactoring in JS, or are there solutions/tools that can do this? (Or do people just kinda get used to manually refactoring? :D)</p>