title: How to import the same component multiple times in order to set different displayNames?
body: <p>I'm importing the <code>Button</code> component from our design-system. I want to import it multiple times by renaming it (e.g. <code>import {Button as Btn, Button as MyBtn} from 'design-system'</code> and then assign different <code>displayName</code> to them, via:</p>
  <pre><code>Btn.displayName = 'Btn';
  MyBtn.displayName = 'MyBtn';
  </code></pre>
  <p>React however is giving <code>MyBtn</code> to all the Buttons present in the component. How can I achieve my objective?</p>