title: Shadowed name in TypeScript and React-Redux
body: <p>I'm building a React Native app with TypeScript and React-Redux.</p>
  
  <p>I connected my component using connect:</p>
  
  <pre><code>import { addTodo } from "../../redux/actions";
  
  export interface Props {
    addTodo: (todo: Todo) =&gt; void;
  }
  
  // ... component code
    handleAdd = (todo: Todo) =&gt; {
      const { addTodo, ... } = this.props; // ... = more destructuring
      // some code ... eventually:
      addTodo(todo);
    } 
  
  export default connect(
    mapStateToProps,
    { addTodo }
  )(MyComponent);
  </code></pre>
  
  <p>The problem is now, that TSLint complains about a shadowed variable:</p>
  
  <pre><code>[tslint] Shadowed name: 'addTodo'
  </code></pre>
  
  <p>This feels like a mistake from TypeScript not recognizing React-Redux' functionality. I mean it's taught in the Redux docs to map dispatch to props this way.</p>
  
  <p>Am I doing something wrong? Or do you have to do this differently when using TypeScript?</p>