title: Imported function name clash with current module function name in JS
body: <p>The odds are that this question has been asked many times, but still can't find the answer.</p>
  <p>Imagine I have two modules A and B, and function <code>foo</code> defined in module A. In module B, I have a function foo which needs <code>foo</code> from A:</p>
  <p>module B:</p>
  <pre><code>import { foo } from './A'
  
  
  export const foo = (payload) =&gt; {
      foo() // meaning module A function  
  }
  </code></pre>
  <p>I get error</p>
  <blockquote>
  <p>Identifier 'foo' has already been declared</p>
  </blockquote>
  <p>Any way to solve this leaving the function names the same ?</p>